From 0c3e0d3fa52a16456fb497ca75431a82ceda6f32 Mon Sep 17 00:00:00 2001
From: Leo Vasanko <git@vasanko.com>
Date: Thu, 4 Dec 2025 04:06:32 +0000
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 {