From 08ec40228a0c561720d03011daec224b2f3abcb1 Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Sun, 19 Apr 2026 09:48:44 +0200
Subject: [PATCH] =?UTF-8?q?Fix:=20App-Frame=20bei=20gro=C3=9Fer=20Systemsc?=
 =?UTF-8?q?hrift=20(min-height=20statt=20height,=20Grid=20responsiv)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/static/css/layout.css      | 13 ++++++++-----
 backend/static/js/app.js           |  2 +-
 backend/static/js/pages/welcome.js |  2 +-
 backend/static/sw.js               |  2 +-
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/backend/static/css/layout.css b/backend/static/css/layout.css
index e0ef7c1..e96a858 100644
--- a/backend/static/css/layout.css
+++ b/backend/static/css/layout.css
@@ -18,7 +18,7 @@
   flex:         1;
   overflow-y:   auto;
   overflow-x:   hidden;
-  padding-bottom: calc(var(--nav-bottom-height) + var(--safe-bottom));
+  padding-bottom: calc(var(--nav-bottom-height) + var(--safe-bottom) + 16px);
 }
 
 /* Desktop: Sidebar-Layout */
@@ -39,8 +39,9 @@
   position:    sticky;
   top:         0;
   z-index:     100;
-  height:      calc(var(--header-height) + var(--safe-top));
+  min-height:  calc(var(--header-height) + var(--safe-top));
   padding-top: var(--safe-top);
+  padding-bottom: var(--space-2);
   background:  var(--c-surface);
   border-bottom: 1px solid var(--c-border-light);
   display:     flex;
@@ -164,8 +165,9 @@
   left:        0;
   right:       0;
   z-index:     300;
-  height:      calc(var(--nav-bottom-height) + var(--safe-bottom));
-  padding-bottom: var(--safe-bottom);
+  min-height:  calc(var(--nav-bottom-height) + var(--safe-bottom));
+  padding-top:    var(--space-1);
+  padding-bottom: calc(var(--safe-bottom) + var(--space-1));
   background:  var(--c-surface);
   border-top:  1px solid var(--c-border-light);
   display:     flex;
@@ -236,9 +238,10 @@
 }
 
 .nav-item-label {
-  font-size:   9px;
+  font-size:   clamp(9px, 0.6rem, 11px);
   font-weight: var(--weight-semibold);
   line-height: 1;
+  white-space: nowrap;
 }
 
 /* Mittlerer + Button: kein Label, größer */
diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index 5ead6f9..24e51cd 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 = '203'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER = '204'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 
 const App = (() => {
 
diff --git a/backend/static/js/pages/welcome.js b/backend/static/js/pages/welcome.js
index f6f419b..94e8164 100644
--- a/backend/static/js/pages/welcome.js
+++ b/backend/static/js/pages/welcome.js
@@ -73,7 +73,7 @@ window.Page_welcome = (() => {
                       letter-spacing:0.05em;border-bottom:1px solid var(--c-border)">
             Was Ban Yaro kann
           </div>
-          <div style="display:grid;grid-template-columns:1fr 1fr;gap:0">
+          <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0">
             ${[
               ['book-open',      'Tagebuch',        'Momente, Fotos und Meilensteine festhalten'],
               ['syringe',        'Gesundheit',      'Impfungen, Tierarztbesuche & Medikamente'],
diff --git a/backend/static/sw.js b/backend/static/sw.js
index 50f1e75..e4eb655 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-v226';
+const CACHE_VERSION = 'by-v227';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten