- np-inner padding-top increased to max(safe-area, 36px)
- np-topbar margin-bottom 28→32px + gap:12px between buttons and tabs
- np-tabs flex:1 + flex:1 on each tab so they share space evenly, no overflow
- np-tab font-size 11→10px, padding tighter to fit small screens
- #np-player-view gains justify-content:center so art/controls float mid-screen
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- SW activate now posts SW_UPDATED message to all clients instead of
calling client.navigate() (which was disruptive and unreliable)
- injectPWA() calls reg.update() on every app open to eagerly check
for a new SW rather than waiting for the 24h browser interval
- showUpdateBanner() renders a persistent accent-bordered toast with
version tag, a "Neu laden" button and a dismiss X
- Banner sits above player bar, repositions on mobile above bottom-nav
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
overflow:hidden on .player-track was cutting off the border-radius and
box-shadow ring of the circular cover art on all sides except one.
Text truncation is handled by the individual text elements themselves.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
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>
- player-art: border-radius 50% (circle), vinyl ring shadow, centre dot appears while spinning
- Mobile player height: 62px -> 74px, cover: 36px -> 46px
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Remove max-width/gap/padding from bottom nav so buttons fill full screen width
- Add NS_BACKEND_URL to config.js entrypoint and autofill backend-url field on setup screen
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
HoneyandClaude Sonnet 4.6