From 8952b93560f5e7d0b6a6c25edcbdf2b7992928c7 Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Wed, 4 Sep 2024 09:00:56 +0900
Subject: [PATCH] 3-column panels become 1-column below 1000px width

---
 public/css/mobile-styles.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/css/mobile-styles.css b/public/css/mobile-styles.css
index 6dd781ed0..d43a9462d 100644
--- a/public/css/mobile-styles.css
+++ b/public/css/mobile-styles.css
@@ -1,12 +1,13 @@
 /*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;
+        flex-basis: 100%;
     }
 
 
@@ -501,4 +502,4 @@
     #horde_model {
         height: unset;
     }
-}
+}
\ No newline at end of file