From 9ec1e0d28f5394d723eb66bcf3e6118ae9ed9c6b Mon Sep 17 00:00:00 2001
From: Otto <otto@it-s-center.de>
Date: Sun, 31 May 2026 16:29:46 +0200
Subject: [PATCH] style(dashboard): improve small-screen layout

---
 static/style.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/static/style.css b/static/style.css
index 973ea74..368f74c 100644
--- a/static/style.css
+++ b/static/style.css
@@ -481,3 +481,16 @@ body {
 @media (pointer: coarse) {
     button, .card { -webkit-tap-highlight-color: transparent; }
 }
+
+/* ─── Small Screens ────────────────────────────────────────────────────────── */
+@media (max-width: 420px) {
+    html { font-size: 13px; }
+    .stat { min-width: 48px; }
+    .stat-num { font-size: 1.15rem; }
+    .tabs-bar { top: 48px; }
+    .search-box { flex-wrap: wrap; }
+    #searchInput { flex: 1 1 100%; }
+    #filterSelect, #exportFormat, .btn-export { flex: 1 1 calc(33% - 6px); }
+    .modal { padding: 14px 10px; }
+    .modal-content { padding: 16px 12px; }
+}