From 9786c2a5a8362c2b5d7f7e702c466562bc1e8723 Mon Sep 17 00:00:00 2001 From: Leo Vasanko Date: Wed, 3 Dec 2025 16:06:32 -0600 Subject: [PATCH] Improved dialog layout with separate mobile portrait mode. --- frontend/src/assets/style.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/frontend/src/assets/style.css b/frontend/src/assets/style.css index 4a74640..735b855 100644 --- a/frontend/src/assets/style.css +++ b/frontend/src/assets/style.css @@ -658,6 +658,13 @@ th { grid-template-columns: auto auto; } + .global-status { + top: 1rem; + } +} + +/* Mobile portrait (touch) or very narrow screens: stack buttons */ +@media (max-width: 500px) and (orientation: portrait) and (pointer: coarse), (max-width: 350px) { button { width: 100%; } @@ -665,10 +672,6 @@ th { .button-row { flex-direction: column; } - - .global-status { - top: 1rem; - } } .dialog-backdrop {