From 5ce9cec5810c83d3227e656bb9856c2cb126ddd1 Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Thu, 19 Mar 2026 21:57:41 +0100
Subject: [PATCH] Show enc-key-prompt by default, hide only when key exists via
 JS

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 static/css/app.css          | 4 ++++
 templates/radio/player.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/static/css/app.css b/static/css/app.css
index 699420a..960d515 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1360,6 +1360,10 @@ body.dnd-mode .timer-display {
   cursor: pointer;
 }
 
+.enc-key-prompt {
+  padding: 24px 0 16px;
+}
+
 .book-key-bar {
   display: flex;
   align-items: center;
diff --git a/templates/radio/player.html b/templates/radio/player.html
index c7184e1..9ecc6cb 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -278,7 +278,7 @@
 <!-- ===== BOOKS TAB ===== -->
 <section class="tab-panel" id="tab-books" style="display:none;">
   {% if user.is_authenticated %}
-  <div id="enc-key-prompt" style="display:none;" class="enc-key-prompt">
+  <div id="enc-key-prompt" class="enc-key-prompt">
     <p class="muted">Enter your password to unlock encrypted storage on this device.</p>
     <div class="search-bar">
       <input type="password" id="enc-key-password" class="search-input" placeholder="Your password…">