From 0f4a7e96d3f8a4e85a20a3e8485d705502095073 Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Mon, 16 Mar 2026 20:38:08 +0100
Subject: [PATCH] Fix #1 hide play btn, fix #2 dnd-dark fullscreen, close #3

---
 static/css/app.css          | 5 +++++
 static/js/app.js            | 2 ++
 templates/radio/player.html | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/static/css/app.css b/static/css/app.css
index 0765b89..f843666 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -794,6 +794,11 @@ body.dnd-mode .now-playing-bar {
   z-index: 9999;
 }
 
+body.dnd-mode.dnd-dark {
+  background: #000 !important;
+  background-image: none !important;
+}
+
 body.dnd-mode.dnd-dark .now-playing-bar {
   background: #000;
 }
diff --git a/static/js/app.js b/static/js/app.js
index d377204..be365db 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -64,6 +64,7 @@ function playStation(url, name, stationId) {
 
   $('now-playing-station').textContent = name;
   $('now-playing-track').textContent = '';
+  $('play-stop-btn').style.display = '';
   $('play-stop-btn').textContent = '⏹ Stop';
   $('play-stop-btn').classList.add('playing');
   $('save-station-btn').style.display = '';
@@ -94,6 +95,7 @@ function stopPlayback(clearStation = true) {
     currentTrack = '';
     $('now-playing-station').textContent = '— no station —';
     $('now-playing-track').textContent = '';
+    $('play-stop-btn').style.display = 'none';
   }
 }
 
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 0c9cc37..6d4fcae 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -10,7 +10,7 @@
     <span class="now-playing-track" id="now-playing-track"></span>
   </div>
   <div class="now-playing-controls">
-    <button class="btn btn-play" id="play-stop-btn" onclick="togglePlayStop()">&#9654; Play</button>
+    <button class="btn btn-play" id="play-stop-btn" onclick="togglePlayStop()" style="display:none;">&#9654; Play</button>
     <label class="volume-label">
       <span>vol</span>
       <input type="range" id="volume" min="0" max="100" value="80" class="volume-slider">