Fix #1 hide play btn, fix #2 dnd-dark fullscreen, close #3

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;
 }

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';
   }
 }
 

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">