From 390176383ff181548069d84d04fe235bd73029be Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Sun, 19 Apr 2026 12:31:32 +0200
Subject: [PATCH] =?UTF-8?q?Fix:=20Routen-Header=20exakte=20H=C3=B6hen=20?=
 =?UTF-8?q?=E2=80=94=20height:46px=20statt=20min-height,=20View-Toggle=204?=
 =?UTF-8?q?4=C3=9744px=20quadratisch?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/static/js/pages/routes.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/backend/static/js/pages/routes.js b/backend/static/js/pages/routes.js
index 54ba63a..9a1acf5 100644
--- a/backend/static/js/pages/routes.js
+++ b/backend/static/js/pages/routes.js
@@ -123,14 +123,15 @@ window.Page_routes = (() => {
             <div style="display:flex;border:1.5px solid var(--c-border);border-radius:10px;
                         overflow:hidden;flex-shrink:0;height:46px">
               <button id="rk-view-list" title="Liste"
-                      style="padding:0 14px;border:none;cursor:pointer;font-size:14px;
+                      style="width:44px;height:44px;border:none;cursor:pointer;
+                             display:flex;align-items:center;justify-content:center;
                              background:${_viewMode==='list' ? 'var(--c-primary)' : 'var(--c-surface)'};
                              color:${_viewMode==='list' ? '#fff' : 'var(--c-text-secondary)'}">
                 ${UI.icon('list')}
               </button>
               <button id="rk-view-map" title="Karte"
-                      style="padding:0 14px;border:none;border-left:1.5px solid var(--c-border);
-                             cursor:pointer;font-size:14px;
+                      style="width:44px;height:44px;border:none;border-left:1.5px solid var(--c-border);
+                             cursor:pointer;display:flex;align-items:center;justify-content:center;
                              background:${_viewMode==='map' ? 'var(--c-primary)' : 'var(--c-surface)'};
                              color:${_viewMode==='map' ? '#fff' : 'var(--c-text-secondary)'}">
                 ${UI.icon('map-trifold')}
@@ -747,10 +748,10 @@ window.Page_routes = (() => {
   // Button-Hilfsfunktion für Header-Buttons (cache-unabhängig)
   const _btnStyle = (primary = false) =>
     `flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;` +
-    `padding:11px 16px;min-height:46px;font-size:14px;font-weight:600;` +
+    `height:46px;padding:0 16px;font-size:14px;font-weight:600;` +
     `border-radius:10px;border:1.5px solid ${primary ? 'var(--c-primary)' : 'var(--c-border)'};` +
     `background:${primary ? 'var(--c-primary)' : 'var(--c-surface)'};` +
-    `color:${primary ? '#fff' : 'var(--c-text)'};white-space:nowrap;`;
+    `color:${primary ? '#fff' : 'var(--c-text)'};white-space:nowrap;box-sizing:border-box;`;
 
   // Pill-Hilfsfunktionen (inline styles — unabhängig vom CSS-Cache)
   const _pillStyle = (bg, color, border) =>