From a71753b243994f763c4fc3c7623eac5c63fa5a95 Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Wed, 4 Sep 2024 02:43:35 +0300
Subject: [PATCH] Always use 3-column layout on desktop and 1-column on phone

---
 public/css/mobile-styles.css | 11 ++++++++++-
 public/index.html            |  2 +-
 public/style.css             | 14 +-------------
 3 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/public/css/mobile-styles.css b/public/css/mobile-styles.css
index 716c00e69..6dd781ed0 100644
--- a/public/css/mobile-styles.css
+++ b/public/css/mobile-styles.css
@@ -1,5 +1,14 @@
 /*will apply to anything 1000px or less. this catches ipads, horizontal phones, and vertical phones)*/
 @media screen and (max-width: 1000px) {
+    #UI-Theme-Block,
+    #UI-Customization,
+    #power-user-options-block,
+    #ContextSettings,
+    #InstructSettingsColumn,
+    #InstructSequencesColumn {
+        flex-basis: auto;
+    }
+
 
     #send_form.compact #leftSendForm,
     #send_form.compact #rightSendForm {
@@ -492,4 +501,4 @@
     #horde_model {
         height: unset;
     }
-}
\ No newline at end of file
+}
diff --git a/public/index.html b/public/index.html
index a7a7414db..5b34e7a88 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6502,4 +6502,4 @@
     </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/public/style.css b/public/style.css
index da1e6b43d..1ad069775 100644
--- a/public/style.css
+++ b/public/style.css
@@ -4388,18 +4388,6 @@ body.big-avatars .missing-avatar {
     text-align: center;
 }
 
-#UI-Theme-Block,
-#UI-Customization,
-#power-user-options-block,
-#ContextSettings,
-#InstructSettingsColumn,
-#InstructSequencesColumn {
-    flex-basis: 250px;
-}
-
-
-
-
 .userSettingsInnerExpandable {
     border: 1px solid;
     border-color: var(--SmartThemeBorderColor);
@@ -5472,4 +5460,4 @@ body:not(.movingUI) .drawer-content.maximized {
     max-height: 50dvh;
     resize: vertical;
     overflow: auto;
-}
\ No newline at end of file
+}