From f1c65e89ada2fcf043e29827e9b59839ad83eaaa Mon Sep 17 00:00:00 2001
From: Tim <tymmesyde@gmail.com>
Date: Wed, 16 Feb 2022 13:00:59 +0100
Subject: [PATCH] refactor: improve mobile layout for Discover

---
 src/common/MetaItem/styles.less |  1 +
 src/routes/Discover/styles.less | 30 ++++++++++++++++++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/src/common/MetaItem/styles.less b/src/common/MetaItem/styles.less
index df1d4e8a3..86c777a98 100644
--- a/src/common/MetaItem/styles.less
+++ b/src/common/MetaItem/styles.less
@@ -183,6 +183,7 @@
         display: flex;
         flex-direction: column;
         gap: 0.75em;
+        padding: 0.5em;
 
         .poster-container {
             flex: auto;
diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less
index f33d96dc4..26350bb0a 100644
--- a/src/routes/Discover/styles.less
+++ b/src/routes/Discover/styles.less
@@ -437,4 +437,34 @@
             }
         }
     }
+}
+
+@media only screen and (max-width: @minimum) {
+    .discover-container {
+        .discover-content {
+            .catalog-container {
+                .selectable-inputs-container {
+                    flex-direction: column;
+                    gap: 1em;
+                    padding: 1em;
+
+                    .select-input {
+                        flex: 0 1 3.5em;
+
+                        &:not(:first-child) {
+                            margin-left: 0;
+                        }
+                    }
+
+                    .spacing {
+                        display: none;
+                    }
+
+                    .pagination-input {
+                        margin-left: 0;
+                    }
+                }
+            }
+        }
+    }
 }
\ No newline at end of file