fix(dashboard): explizite zwei-zeilen-layout für suchbox

static/style.css

@@ -76,10 +76,21 @@ body {
 /* ─── Search ──────────────────────────────────────────────────────────────── */
 .search-box {
     display: flex;
+    flex-direction: column;
     gap: 8px;
     padding: 10px 12px;
     background: #141419;
-    flex-wrap: wrap;
+}
+.search-row {
+    display: flex;
+    gap: 8px;
+    flex-direction: row;
+}
+.search-row:first-child {
+    width: 100%;
+}
+.search-row:last-child {
+    width: 100%;
 }
 
 /* tab buttons styled via .tabs-bar */
@@ -198,6 +209,7 @@ body {
 .legend-dot.match{ background:#f7d154; }
 .graph-hint{ padding: 4px 12px 10px; }
 #searchInput {
+    width: 100%;
     flex: 1;
     min-width: 0;
     background: #1e1e28;
@@ -210,6 +222,8 @@ body {
 }
 #searchInput:focus { border-color: #6c8af5; }
 #filterSelect {
+    flex: 1;
+    min-width: 0;
     background: #1e1e28;
     border: 1px solid #2a2a3a;
     border-radius: 10px;
@@ -217,10 +231,11 @@ body {
     color: #e8e8ee;
     font-size: 0.85rem;
     outline: none;
-    min-width: 0;
 }
 
 #exportFormat {
+    flex: 1;
+    min-width: 0;
     background: #1e1e28;
     border: 1px solid #2a2a3a;
     border-radius: 10px;
@@ -228,10 +243,11 @@ body {
     color: #e8e8ee;
     font-size: 0.85rem;
     outline: none;
-    min-width: 0;
 }
 
 .btn-export {
+    flex: 1;
+    min-width: 0;
     background: #1e1e28;
     border: 1px solid #2a2a3a;
     border-radius: 10px;
@@ -240,7 +256,6 @@ body {
     font-weight: 700;
     font-size: 0.85rem;
     cursor: pointer;
-    min-width: 0;
 }
 .btn-export:active { transform: scale(0.98); }
 
@@ -494,9 +509,6 @@ body {
     .stat { min-width: 48px; }
     .stat-num { font-size: 1.15rem; }
     .tabs-bar { top: 48px; }
-    .search-box { flex-wrap: wrap; }
-    #searchInput { flex: 1 0 100%; min-width: 0; }
-    #filterSelect, #exportFormat, .btn-export { flex: 1 1 auto; min-width: 0; }
     .modal { padding: 14px 10px; }
     .modal-content { padding: 16px 12px; }
 }

templates/dashboard.html

@@ -26,7 +26,10 @@
 
         <!-- Search -->
         <div class="search-box">
+            <div class="search-row">
                 <input type="text" id="searchInput" placeholder="🔍 Suche..." />
+            </div>
+            <div class="search-row">
                 <select id="filterSelect">
                     <option value="all">Alle</option>
                     <option value="pending">Pending</option>
@@ -40,6 +43,7 @@
                 </select>
                 <button class="btn-export" onclick="exportCurrent()">Export</button>
             </div>
+        </div>
 
         <!-- New Engram -->
         <div class="new-engram">