From cbc43300b2684252e7ac3a16c09111345627ab64 Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Fri, 5 Jun 2026 14:08:16 -0400
Subject: [PATCH] fix(css): remove ::deep from PlayerTransportZone root-element
 selectors, replace dead controls-left rule

---
 .../Controls/AudioPlayerBar/PlayerTransportZone.razor.css   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/DeepDrftPublic.Client/Controls/AudioPlayerBar/PlayerTransportZone.razor.css b/DeepDrftPublic.Client/Controls/AudioPlayerBar/PlayerTransportZone.razor.css
index d1cfa96..32881b0 100644
--- a/DeepDrftPublic.Client/Controls/AudioPlayerBar/PlayerTransportZone.razor.css
+++ b/DeepDrftPublic.Client/Controls/AudioPlayerBar/PlayerTransportZone.razor.css
@@ -1,13 +1,13 @@
 /* Stable minimum width so the transport cluster doesn't reflow */
-::deep .controls-left {
-    min-width: 200px;
+.transport-zone {
+    min-width: 180px;
 }
 
 /* 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 {
+    .transport-zone {
         flex-direction: row !important;
         align-items: center;
     }