fix(ui) Width of structure details for mobile

Related to #435 (closed)

What does this MR do and why?

Fixes the width of structure-details panel

src/app/structure-list/components/structure-details/structure-details.component.scss

@@ -15,6 +15,7 @@
   position: fixed;
   z-index: $structure-details-z-index;
   height: 100%;
+  width: 100%;
 
   h1 {
     @include font-bold-24;
@@ -37,6 +38,10 @@
   width: 600px;
   box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.1);
   background-color: $white;
+
+  @media (max-width: 600px) {
+    width: 100%;
+  }
 }
 
 // Default section styles
@@ -77,6 +82,12 @@ section.actions {
   flex-direction: row;
   justify-content: space-around;
   overflow-y: auto;
+
+  @media (max-width: 600px) {
+    flex-wrap: wrap;
+    row-gap: 16px;
+  }
+
   .clickableDiv {
     text-align: center;
     max-width: 65px;