From 53f3c24081326184c547cb1410e16eb6cbb072a4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 29 Dec 2024 18:13:50 +0200
Subject: [PATCH] fix palette list on mobile chrome

---
 .../settings_modal/tabs/appearance_tab.scss   | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/components/settings_modal/tabs/appearance_tab.scss b/src/components/settings_modal/tabs/appearance_tab.scss
index 26ab2f788..1ba9c01d5 100644
--- a/src/components/settings_modal/tabs/appearance_tab.scss
+++ b/src/components/settings_modal/tabs/appearance_tab.scss
@@ -44,14 +44,19 @@
   }
 
   .palette-entry {
-    display: flex;
+    display: grid;
+    grid-template-columns: 1fr auto;
     align-items: center;
     justify-content: space-between;
     padding: 0 0.5em;
-    height: 2.5em;
+    height: max-content;
 
-    .palette-label label {
-      text-align: center;
+    .palette-label {
+      height: auto;
+
+      label {
+        text-align: center;
+      }
     }
 
     .palette-square {
@@ -75,15 +80,18 @@
   }
 
   .modal-view.-mobile & {
+    .palettes {
+      grid-template-columns: 1fr;
+    }
+
     .palette-entry {
-      flex-wrap: wrap;
+      grid-column: 1;
       justify-content: center;
     }
 
     .palette-label {
       line-height: 1.5em;
       margin-top: 0.5em;
-      width: 100%;
     }
   }