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

a71753b243994f763c4fc3c7623eac5c63fa5a95

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/css/mobile-styles.css+10 -1 Viewed

 /*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 {

     #horde_model {
         height: unset;
+    }
-}
 \ No newline at end of file
+}

public/index.html+1 -1 Viewed

     </script>
 </body>
-</html>
 \ No newline at end of file
+</html>

public/style.css+1 -13 Viewed

     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);

     max-height: 50dvh;
     resize: vertical;
     overflow: auto;
-}
 \ No newline at end of file
+}