fix : style adjustments for the sticky header on structure cards

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>

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;
+    }
+  }
 }