From a6b59bb7da6103ec28f4b62730d805adf0882214 Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Tue, 27 Jun 2023 17:33:38 +0200
Subject: [PATCH] adjusted theme buttons styling

---
 frontend/src/styles/settings.scss        |  2 +-
 frontend/src/styles/z_media-queries.scss | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/styles/settings.scss b/frontend/src/styles/settings.scss
index 3c40a7e70..22107b9c0 100644
--- a/frontend/src/styles/settings.scss
+++ b/frontend/src/styles/settings.scss
@@ -419,7 +419,7 @@
         margin-left: 0;
         grid-auto-flow: dense;
         display: grid;
-        grid-template-columns: 1fr 1fr 1fr 1fr;
+        grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)) !important;
         gap: 0.5rem;
         margin-top: 0.5rem;
         .button {
diff --git a/frontend/src/styles/z_media-queries.scss b/frontend/src/styles/z_media-queries.scss
index 4fd8dcb79..ba1f4f772 100644
--- a/frontend/src/styles/z_media-queries.scss
+++ b/frontend/src/styles/z_media-queries.scss
@@ -60,9 +60,9 @@
   #quoteSearchPopupWrapper #quoteSearchPopup #quoteSearchControlsWrapper {
     grid-template-columns: 1fr 1fr max-content;
   }
-  .pageSettings .section.themes .buttons {
-    grid-template-columns: 1fr 1fr 1fr;
-  }
+  // .pageSettings .section.themes .buttons {
+  //   grid-template-columns: 1fr 1fr 1fr;
+  // }
 }
 
 //1050px
@@ -79,9 +79,9 @@
   .pageSettings .section.fullWidth .buttons {
     grid-template-columns: 1fr 1fr 1fr;
   }
-  .pageSettings .section.themes .buttons {
-    grid-template-columns: 1fr 1fr;
-  }
+  // .pageSettings .section.themes .buttons {
+  //   grid-template-columns: 1fr 1fr;
+  // }
   #quoteSearchPopupWrapper #quoteSearchPopup #quoteSearchControlsWrapper {
     grid-template-columns: 1fr;
   }
@@ -702,9 +702,9 @@
   .pageSettings .section.fullWidth .buttons {
     grid-template-columns: 1fr 1fr;
   }
-  .pageSettings .section.themes .buttons {
-    grid-template-columns: 1fr;
-  }
+  // .pageSettings .section.themes .buttons {
+  //   grid-template-columns: 1fr;
+  // }
 }
 
 //600px