diff --git a/static/style.css b/static/style.css index 08ddc4e..afbd415 100644 --- a/static/style.css +++ b/static/style.css @@ -39,6 +39,50 @@ body { margin: 0; } +/* Mobile responsiveness */ +@media screen and (max-width: 768px) { + .window { + margin: 0 !important; + max-width: 100% !important; + width: 100% !important; + min-height: 100vh; + } + + .field-row { + flex-wrap: wrap; + } + + .field-row label { + width: 100% !important; + margin-bottom: 4px; + } + + .field-row input[type="text"], + .field-row .channel-dropdown { + flex: 1 1 100% !important; + min-width: 0 !important; + max-width: 100% !important; + margin-left: 0 !important; + margin-bottom: 8px; + } + + .field-row button, + .field-row select { + margin-left: 0 !important; + margin-bottom: 8px; + } + + .summary-row { + flex-direction: column; + } + + .summary-left, + .summary-right { + max-width: 100%; + min-width: 100%; + } +} + /* Channel dropdown custom styling */ .channel-dropdown { position: relative;