Always use 3-column layout on desktop and 1-column on phone
| @@ -1,5 +1,14 @@ | ||
| 1 | 1 | /*will apply to anything 1000px or less. this catches ipads, horizontal phones, and vertical phones)*/ |
| 2 | 2 | @media screen and (max-width: 1000px) { |
| 3 | + #UI-Theme-Block, | |
| 4 | + #UI-Customization, | |
| 5 | + #power-user-options-block, | |
| 6 | + #ContextSettings, | |
| 7 | + #InstructSettingsColumn, | |
| 8 | + #InstructSequencesColumn { | |
| 9 | + flex-basis: auto; | |
| 10 | + } | |
| 11 | + | |
| 3 | 12 | |
| 4 | 13 | #send_form.compact #leftSendForm, |
| 5 | 14 | #send_form.compact #rightSendForm { |
| @@ -4388,18 +4388,6 @@ body.big-avatars .missing-avatar { | ||
| 4388 | 4388 | text-align: center; |
| 4389 | 4389 | } |
| 4390 | 4390 | |
| 4391 | -#UI-Theme-Block, | |
| 4392 | -#UI-Customization, | |
| 4393 | -#power-user-options-block, | |
| 4394 | -#ContextSettings, | |
| 4395 | -#InstructSettingsColumn, | |
| 4396 | -#InstructSequencesColumn { | |
| 4397 | - flex-basis: 250px; | |
| 4398 | -} | |
| 4399 | - | |
| 4400 | - | |
| 4401 | - | |
| 4402 | - | |
| 4403 | 4391 | .userSettingsInnerExpandable { |
| 4404 | 4392 | border: 1px solid; |
| 4405 | 4393 | border-color: var(--SmartThemeBorderColor); |