Angular-google-maps: can't style [sebm/agm]-map-container-inner

[ghost]

Issue description
We are unable to put any styling on the container-inner class, because it exists in a separate template. The reason is that angular attaches ngcontent attribute to tags inside a template, and attaches this attribute selector to all css selectors in a component style, to make sure component style decisions don't affect other components.

Since the code inside is a separate component, it seems there is no way to style its innards, specifically the agm-map-container-inner

Steps to reproduce and a minimal demo of the problem
.agm-map-container-inner{
border: 1px solid green
}

Current behavior
Does nothing

Expected/desired behavior
Attaches green border to the map

angular2 & angular-google-maps version
angular 4, any agm version

Other information

[SebastianM]

@doom777 you can use the deep css selector. Something like this should work:

agm-map /deep/ .agm-map-container-inner { ... }

Please feel free to reopen this issue.

[abhinav1999]

Add this to for angular / ionic projects global.scss
.agm-map {
height: 90%;
.agm-map-container-inner .sebm-google-map-container-inner{
border: 2px solid red;
border-radius: 15px;
}
I hope it helps someone