UX: Suchfeld über Tabs, zusammen mit Stand-erfassen-Button — SW by-v497, APP_VER 474

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 = (() => {
 

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) var(--space-2);display:flex;align-items:center;gap:var(--space-2)">
-        <div style="padding:var(--space-3) var(--space-4) 0;display:flex;justify-content:flex-end">
+          <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>
     `;

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