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