From 7785e923f8dec2ea0e49a4f44469d404c0ea74a0 Mon Sep 17 00:00:00 2001
From: Fluffy-Bean <michal-gdula@protonmail.com>
Date: Thu, 20 Apr 2023 13:58:01 +0000
Subject: [PATCH] Fixes to image view page

---
 .../sass/components/image-view/image.sass     | 11 +++++--
 .../sass/components/image-view/info-tab.sass  | 11 ++++++-
 .../sass/components/image-view/view.sass      | 30 +++----------------
 3 files changed, 23 insertions(+), 29 deletions(-)

diff --git a/onlylegs/static/sass/components/image-view/image.sass b/onlylegs/static/sass/components/image-view/image.sass
index 6436e14..99fd1ac 100644
--- a/onlylegs/static/sass/components/image-view/image.sass
+++ b/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
\ No newline at end of file
+        object-position: center
+
+@media (max-width: 1100px)
+    .image-container
+        margin: 0 auto
+        max-height: 69vh
+
+        img
+            max-height: 69vh
\ No newline at end of file
diff --git a/onlylegs/static/sass/components/image-view/info-tab.sass b/onlylegs/static/sass/components/image-view/info-tab.sass
index c9db202..9a37f10 100644
--- a/onlylegs/static/sass/components/image-view/info-tab.sass
+++ b/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
\ No newline at end of file
diff --git a/onlylegs/static/sass/components/image-view/view.sass b/onlylegs/static/sass/components/image-view/view.sass
index 297560a..8103d88 100644
--- a/onlylegs/static/sass/components/image-view/view.sass
+++ b/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
-