From c5bb3ee2cbd1f4fab6c87ea3f65737181c27eedd Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Tue, 19 May 2026 18:51:17 +0200
Subject: [PATCH] UX: 'Stand erfassen' als Pfoten-Button rechts neben
 Dog-Chip+Suche

---
 backend/static/js/pages/uebungen.js | 34 +++++++++++++++++------------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/backend/static/js/pages/uebungen.js b/backend/static/js/pages/uebungen.js
index 5ff0aa8..2adb789 100644
--- a/backend/static/js/pages/uebungen.js
+++ b/backend/static/js/pages/uebungen.js
@@ -562,22 +562,28 @@ window.Page_uebungen = (() => {
   function _render() {
     _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);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">
+        <div style="padding:var(--space-3) var(--space-4) var(--space-2);
+                    display:flex;gap:var(--space-3);align-items:stretch">
+          <!-- Links: Dog-Chip + Suchzeile -->
+          <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)">
+            ${UI.dogChip(_appState)}
+            <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">
+          </div>
+          <!-- Rechts: Pfoten-Button -->
           <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>
+                  style="flex-shrink:0;width:68px;align-self:stretch;
+                         background:var(--c-primary-subtle);border:1.5px solid var(--c-primary-light);
+                         border-radius:var(--radius-lg);cursor:pointer;
+                         display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px">
+            <svg class="ph-icon" style="width:26px;height:26px;color:var(--c-primary)" aria-hidden="true">
+              <use href="/icons/phosphor.svg#paw-print"></use>
             </svg>
-            <span style="font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--c-text)">Stand erfassen</span>
+            <span style="font-size:9px;font-weight:var(--weight-semibold);color:var(--c-primary);
+                         line-height:1.2;text-align:center">Stand<br>erfassen</span>
           </button>
         </div>
         ${_renderTabs()}