From 21822b4ddf28d5fa4c9a31056f295e152b5f1a1d Mon Sep 17 00:00:00 2001
From: Honey <me_honeyy@proton.me>
Date: Sat, 25 Apr 2026 18:07:14 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20bottom-nav-inner=20must=20be=20column=20?=
 =?UTF-8?q?not=20row=20=E2=80=94=20tabs=20stacked=20above=20buttons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

flex-direction:row put the tab strip and icon buttons side-by-side,
both fighting for 100% width, making them overflow and appear huge.
Column stacks the Bibliothek/Entdecken tabs on top, icon row below.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 styles.css | 2 +-
 sw.js      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/styles.css b/styles.css
index a76c8ec..10d6017 100644
--- a/styles.css
+++ b/styles.css
@@ -368,7 +368,7 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
   padding-bottom:env(safe-area-inset-bottom);
 }
 .bottom-nav-inner{
-  display:flex;flex-direction:row;align-items:stretch;
+  display:flex;flex-direction:column;align-items:stretch;
   height:100%;width:100%;
 }
 .bnav-item{
diff --git a/sw.js b/sw.js
index 6504982..7f1aeed 100644
--- a/sw.js
+++ b/sw.js
@@ -1,4 +1,4 @@
-const CACHE = 'ns-v21';
+const CACHE = 'ns-v22';
 const PRECACHE = ['/', 'index.html', 'styles.css', 'app.js', 'sw.js', 'manifest.json', 'icon.svg'];
 const SKIP_URLS = ['/rest/stream', '/rest/download', '/config.js'];