From abb708c3d035e98950f07ce6ae53bc662aafb619 Mon Sep 17 00:00:00 2001
From: elpatron <m.busche@gmail.com>
Date: Sun, 31 May 2026 14:55:42 +0200
Subject: [PATCH] fix(dashboard): Sortierbuttons in der Mobile-Ansicht besser
 ausrichten
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die Sortiersteuerung nutzt auf schmalen Viewports eine horizontale Zeile mit gleichmäßig verteilten Touch-Zielen.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 client/src/App.css | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/client/src/App.css b/client/src/App.css
index 6f678cb..11c1729 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -2456,12 +2456,35 @@ html.scheme-dark .themed-select-option.is-selected {
     word-break: break-word;
   }
 
+  .dashboard-sort-bar {
+    flex-direction: row;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .dashboard-sort-label {
+    flex-shrink: 0;
+    min-width: 4.75rem;
+  }
+
   .dashboard-sort-row {
-    flex-direction: column;
+    flex: 1;
+    min-width: 0;
+    flex-wrap: nowrap;
+    gap: 12px;
   }
 
   .dashboard-sort-group {
-    flex: 1 1 100%;
+    flex: 1;
+    min-width: 0;
+    gap: 6px;
+  }
+
+  .dashboard-sort-btn {
+    flex: 1;
+    width: auto;
+    min-width: 44px;
+    height: 44px;
   }
 
   .logbooks-grid {