From 680b3869bb07da8d7745652b45f144b14ef7ead5 Mon Sep 17 00:00:00 2001
From: Otto <otto@it-s-center.de>
Date: Sun, 31 May 2026 17:09:24 +0200
Subject: [PATCH] =?UTF-8?q?fix(dashboard):=20explizite=20zwei-zeilen-layou?=
 =?UTF-8?q?t=20f=C3=BCr=20suchbox?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/style.css         | 26 +++++++++++++++++++-------
 templates/dashboard.html | 30 +++++++++++++++++-------------
 2 files changed, 36 insertions(+), 20 deletions(-)

diff --git a/static/style.css b/static/style.css
index e7b1554..8ae430d 100644
--- a/static/style.css
+++ b/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; }
 }
diff --git a/templates/dashboard.html b/templates/dashboard.html
index 541f0a0..221466c 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -26,19 +26,23 @@
 
         <!-- Search -->
         <div class="search-box">
-            <input type="text" id="searchInput" placeholder="🔍 Suche..." />
-            <select id="filterSelect">
-                <option value="all">Alle</option>
-                <option value="pending">Pending</option>
-                <option value="confirmed">Confirmed</option>
-                <option value="rejected">Rejected</option>
-                <option value="errors">Errors</option>
-            </select>
-            <select id="exportFormat" title="Export format">
-                <option value="jsonl">JSONL</option>
-                <option value="csv">CSV</option>
-            </select>
-            <button class="btn-export" onclick="exportCurrent()">Export</button>
+            <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>
+                    <option value="confirmed">Confirmed</option>
+                    <option value="rejected">Rejected</option>
+                    <option value="errors">Errors</option>
+                </select>
+                <select id="exportFormat" title="Export format">
+                    <option value="jsonl">JSONL</option>
+                    <option value="csv">CSV</option>
+                </select>
+                <button class="btn-export" onclick="exportCurrent()">Export</button>
+            </div>
         </div>
 
         <!-- New Engram -->