diff --git a/src/app/structure-list/components/structure-details/structure-details.component.html b/src/app/structure-list/components/structure-details/structure-details.component.html index 74f1f8a5c5fa348abe07d20d0e2a709a2860d645..3e30ac6647185550e8d3aff85e822e5d7a4e14e6 100644 --- a/src/app/structure-list/components/structure-details/structure-details.component.html +++ b/src/app/structure-list/components/structure-details/structure-details.component.html @@ -4,7 +4,7 @@ <div fxLayout="column" class="no-margin" fxLayoutAlign="end end"> <h2 class="bold">{{ structure.structureName }}</h2> </div> - <div fxLayout="column" fxLayoutAlign="start start" class="ico-close"> + <div fxLayout="column" fxLayoutAlign="end start" class="ico-close"> <div (click)="close()" class="ico-close-details"></div> </div> </div> diff --git a/src/app/structure-list/components/structure-details/structure-details.component.scss b/src/app/structure-list/components/structure-details/structure-details.component.scss index 5b129f08934ae2587aa9e458acdafc4a7f846744..de1fd0ab8c32a1deac7791a88c6ede405516a3dc 100644 --- a/src/app/structure-list/components/structure-details/structure-details.component.scss +++ b/src/app/structure-list/components/structure-details/structure-details.component.scss @@ -142,8 +142,10 @@ p, max-width: 980px; width: 100%; background-color: $white; - height: 80px; + height: 60px; z-index: 1; + border-bottom: solid 1px $grey-4; + padding-bottom: 2px; @media #{$tablet} { height: auto; } @@ -151,4 +153,9 @@ p, width: 111%; padding-right: 20px; } + h2 { + @media #{$large-phone} { + font-size: $font-size-medium; + } + } }