Always use 3-column layout on desktop and 1-column on phone

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;
     }
-}
+}

public/index.html

@@ -6502,4 +6502,4 @@
     </script>
 </body>
 
-</html>
+</html>

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;
-}
+}