From 81b5199e182a8a7e1552bd725cdf738ecc4d3993 Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Tue, 19 May 2026 18:46:32 +0200
Subject: [PATCH] Fix: Suche+Stand-erfassen Zeile als Flexbox (kein
 Table-Overflow mehr)

---
 backend/static/js/pages/uebungen.js | 41 +++++++++++------------------
 1 file changed, 16 insertions(+), 25 deletions(-)

diff --git a/backend/static/js/pages/uebungen.js b/backend/static/js/pages/uebungen.js
index fac4988..5ff0aa8 100644
--- a/backend/static/js/pages/uebungen.js
+++ b/backend/static/js/pages/uebungen.js
@@ -563,31 +563,22 @@ window.Page_uebungen = (() => {
     _container.innerHTML = `
       <div id="ueb-wrap">
         <div style="padding:var(--space-3) var(--space-4) 0">${UI.dogChip(_appState)}</div>
-        <div style="padding:var(--space-3) var(--space-4) var(--space-2)">
-          <table style="width:100%;border-collapse:collapse">
-            <tr>
-              <td style="width:100%;padding-right:var(--space-2)">
-                <input type="search" id="ueb-search" placeholder="Übung suchen…"
-                  style="display:block;width:100%;box-sizing:border-box;
-                         padding:var(--space-2) var(--space-3);
-                         border:1px solid var(--c-border);border-radius:var(--radius-md);
-                         background:var(--c-surface);color:var(--c-text);font-size:var(--text-sm);
-                         outline:none" value="${_esc(_searchQuery)}">
-              </td>
-              <td style="white-space:nowrap;vertical-align:middle">
-                <button id="ueb-quicksetup-btn"
-                        style="padding:6px 12px;height:100%;white-space:nowrap;
-                               background:var(--c-surface-2);border:1px solid var(--c-border);
-                               border-radius:var(--radius-sm);cursor:pointer;
-                               display:flex;align-items:center;gap:6px">
-                  <svg class="ph-icon" style="width:15px;height:15px;flex-shrink:0;color:var(--c-primary)" aria-hidden="true">
-                    <use href="/icons/phosphor.svg#list-checks"></use>
-                  </svg>
-                  <span style="font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--c-text)">Stand erfassen</span>
-                </button>
-              </td>
-            </tr>
-          </table>
+        <div style="padding:var(--space-3) var(--space-4) var(--space-2);display:flex;gap:var(--space-2);align-items:center">
+          <input type="search" id="ueb-search" placeholder="Übung suchen…"
+            style="flex:1;min-width:0;padding:var(--space-2) var(--space-3);
+                   border:1px solid var(--c-border);border-radius:var(--radius-md);
+                   background:var(--c-surface);color:var(--c-text);font-size:var(--text-sm);
+                   outline:none">
+          <button id="ueb-quicksetup-btn"
+                  style="flex-shrink:0;padding:6px 10px;white-space:nowrap;
+                         background:var(--c-surface-2);border:1px solid var(--c-border);
+                         border-radius:var(--radius-md);cursor:pointer;
+                         display:flex;align-items:center;gap:5px">
+            <svg class="ph-icon" style="width:15px;height:15px;flex-shrink:0;color:var(--c-primary)" aria-hidden="true">
+              <use href="/icons/phosphor.svg#list-checks"></use>
+            </svg>
+            <span style="font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--c-text)">Stand erfassen</span>
+          </button>
         </div>
         ${_renderTabs()}
         <div id="ueb-stats-banner" style="padding:var(--space-2) var(--space-4) 0"></div>