From 325ba333fd1961f416c1cd1336515630151543c5 Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Wed, 29 Apr 2026 13:14:21 +0200
Subject: [PATCH] =?UTF-8?q?UX:=20Suchfeld=20=C3=BCber=20Tabs,=20zusammen?=
 =?UTF-8?q?=20mit=20Stand-erfassen-Button=20=E2=80=94=20SW=20by-v497,=20AP?=
 =?UTF-8?q?P=5FVER=20474?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/static/js/app.js            |  2 +-
 backend/static/js/pages/uebungen.js | 20 +++++++++-----------
 backend/static/sw.js                |  2 +-
 3 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index 0b85718..382dd0c 100644
--- a/backend/static/js/app.js
+++ b/backend/static/js/app.js
@@ -3,7 +3,7 @@
    Router, State-Management, Navigation, Initialisierung.
    ============================================================ */
 
-const APP_VER = '473'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER = '474'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 
 const App = (() => {
 
diff --git a/backend/static/js/pages/uebungen.js b/backend/static/js/pages/uebungen.js
index 5118f1a..55290cb 100644
--- a/backend/static/js/pages/uebungen.js
+++ b/backend/static/js/pages/uebungen.js
@@ -551,29 +551,27 @@ window.Page_uebungen = (() => {
   function _render() {
     _container.innerHTML = `
       <div id="ueb-wrap">
-        ${_renderTabs()}
-        <div style="padding:var(--space-3) var(--space-4) 0;display:flex;justify-content:flex-end">
+        <div style="padding:var(--space-3) var(--space-4) var(--space-2);display:flex;align-items:center;gap:var(--space-2)">
+          <input type="search" id="ueb-search" placeholder="Übung suchen…"
+            style="flex:1;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)}">
           <button id="ueb-quicksetup-btn"
-                  style="font-size:var(--text-xs);padding:4px 10px;
+                  style="flex-shrink:0;font-size:var(--text-xs);padding:6px 10px;
                          background:var(--c-surface-2);border:1px solid var(--c-border);
                          border-radius:var(--radius-sm);cursor:pointer;color:var(--c-text-secondary);
-                         display:flex;align-items:center;gap:4px">
+                         display:flex;align-items:center;gap:4px;white-space:nowrap">
             <svg class="ph-icon" style="width:13px;height:13px" aria-hidden="true">
               <use href="/icons/phosphor.svg#list-checks"></use>
             </svg>
             Stand erfassen
           </button>
         </div>
+        ${_renderTabs()}
         <div id="ueb-stats-banner" style="padding:var(--space-2) var(--space-4) 0"></div>
         <div id="ueb-trainer" style="padding:0 var(--space-4);margin-bottom:var(--space-2)"></div>
         <div id="ueb-suggestions" style="padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)"></div>
-        <div style="padding:var(--space-3) var(--space-4) 0" id="ueb-search-wrap">
-          <input type="search" id="ueb-search" placeholder="Übung suchen…"
-            style="width:100%;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)}">
-        </div>
       <div id="ueb-content"></div>
       </div>
     `;
diff --git a/backend/static/sw.js b/backend/static/sw.js
index a0024a2..2852b1c 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
    Offline-Cache + Push Notifications + Tile-Cache
    ============================================================ */
 
-const CACHE_VERSION = 'by-v496';
+const CACHE_VERSION = 'by-v497';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten