Unify AudioPlayerBar to one responsive CSS layout and fix SpectrumVisualizer startup via StateChanged subscription

2026-06-05 14:04:31 -04:00
parent 4887454911
commit 190d8d044f
5 changed files with 88 additions and 87 deletions
@@ -2,3 +2,13 @@
 ::deep .controls-left {
    min-width: 200px;
 }
+
+/* Narrow (< 600px): lay the transport root horizontally (controls beside
+   timestamp) so it fits on one line next to VolumeControls. Scoped to the
+   root .transport-zone stack so the nested controls stack is untouched. */
+@media (max-width: 599.98px) {
+    ::deep .transport-zone {
+        flex-direction: row !important;
+        align-items: center;
+    }
+}