fix: bottom-nav-inner must be column not row — tabs stacked above buttons

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>
This commit is contained in:
HoneyandClaude Sonnet 4.6 committed 2026-04-25 18:07:14 +02:00
1 parent 1b981591d4
commit 21822b4ddf
2 files changed
+2 -2

No files matched your search

+1 -1
View File
@@ -368,7 +368,7 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
padding-bottom:env(safe-area-inset-bottom); padding-bottom:env(safe-area-inset-bottom);
} }
.bottom-nav-inner{ .bottom-nav-inner{
display:flex;flex-direction:row;align-items:stretch; display:flex;flex-direction:column;align-items:stretch;
height:100%;width:100%; height:100%;width:100%;
} }
.bnav-item{ .bnav-item{
+1 -1
View File
@@ -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 PRECACHE = ['/', 'index.html', 'styles.css', 'app.js', 'sw.js', 'manifest.json', 'icon.svg'];
const SKIP_URLS = ['/rest/stream', '/rest/download', '/config.js']; const SKIP_URLS = ['/rest/stream', '/rest/download', '/config.js'];