Fixes to image view page

onlylegs/static/sass/components/image-view/image.sass

@@ -1,6 +1,5 @@
 .image-container
     margin: auto
-    padding: 0.5rem
 
     width: 100%
     height: 100%
@@ -18,4 +17,12 @@
         max-height: 100%
 
         object-fit: contain
-        object-position: center
+        object-position: center
+
+@media (max-width: 1100px)
+    .image-container
+        margin: 0 auto
+        max-height: 69vh
+
+        img
+            max-height: 69vh

onlylegs/static/sass/components/image-view/info-tab.sass

@@ -204,7 +204,7 @@
 
 @media (max-width: 1100px)
     .info-container
-        padding: 0
+        padding: 0.5rem
 
         width: 100%
         height: 100%
@@ -213,3 +213,12 @@
 
         &.collapsed
             left: unset
+
+    .info-container
+        background: transparent
+    
+    .info-header
+        border-radius: $rad $rad 0 0
+
+    .info-tab.collapsed .info-header
+        border-radius: $rad

onlylegs/static/sass/components/image-view/view.sass

@@ -13,12 +13,11 @@
 
     display: flex
     flex-direction: column
-    gap: 0.5rem
     z-index: 3
 
     .image-block
         margin: 0 0 0 27rem
-        padding: 0
+        padding: 0.5rem
 
         width: calc(100% - 27rem)
         height: 100vh
@@ -33,49 +32,28 @@
         transition: margin 0.3s cubic-bezier(0.76, 0, 0.17, 1), width 0.3s cubic-bezier(0.76, 0, 0.17, 1)
 
         .pill-row
-            margin-bottom: 0.5rem
+            margin-top: 0.5rem
 
     &.collapsed
         .image-block
             margin: 0
             width: 100%
 
-
 @media (max-width: 1100px)
     .image-grid
-        padding: 0.5rem
         height: auto
 
         .image-block
             margin: 0
+            padding: 0.5rem 0.5rem 0 0.5rem
+
             width: 100%
             height: auto
 
-            gap: 0.5rem
-
             transition: margin 0s, width 0s
 
-            .image-container
-                margin: 0 auto
-                padding: 0
-                max-height: 69vh
-
-                img
-                    max-height: 69vh
-
             .pill-row
-                margin-bottom: 0
-
                 #fullscreenImage
                     display: none
 
-    .info-container
-        background: transparent
-    
-    .info-header
-        border-radius: $rad $rad 0 0
-
-    .info-tab.collapsed .info-header
-        border-radius: $rad
-