From a4b098b8ead71d59a4768b9797784659eb2920ce Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Sat, 6 Jun 2026 17:48:07 -0400
Subject: [PATCH] feature: AudioPlayerBar enhancements

---
 .../Controls/AudioPlayerBar/TrackMetaLabel.razor.css      | 8 +++++++-
 .../Controls/AudioPlayerBar/VolumeZone.razor              | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/DeepDrftPublic.Client/Controls/AudioPlayerBar/TrackMetaLabel.razor.css b/DeepDrftPublic.Client/Controls/AudioPlayerBar/TrackMetaLabel.razor.css
index 0bb89d1..bd13f74 100644
--- a/DeepDrftPublic.Client/Controls/AudioPlayerBar/TrackMetaLabel.razor.css
+++ b/DeepDrftPublic.Client/Controls/AudioPlayerBar/TrackMetaLabel.razor.css
@@ -60,7 +60,7 @@
 
     .track-meta-accents {
         flex-direction: column;
-        align-items: flex-end;
+        align-items: flex-start;
         gap: 2px;
     }
 
@@ -69,6 +69,12 @@
     }
 }
 
+@media (max-width: 899.98px) {
+    ::deep .track-meta-year {
+        padding-left: 8px;
+        padding-right: 8px;
+    }
+}
 /* Narrow band (<600): fully vertical — title / artist / genre / year all stacked, left-aligned. */
 @media (max-width: 599.98px) {
     .track-meta-row {
diff --git a/DeepDrftPublic.Client/Controls/AudioPlayerBar/VolumeZone.razor b/DeepDrftPublic.Client/Controls/AudioPlayerBar/VolumeZone.razor
index e3e1d71..edbcc5e 100644
--- a/DeepDrftPublic.Client/Controls/AudioPlayerBar/VolumeZone.razor
+++ b/DeepDrftPublic.Client/Controls/AudioPlayerBar/VolumeZone.razor
@@ -1,7 +1,7 @@
 @namespace DeepDrftPublic.Client.Controls.AudioPlayerBar
 
 <MudStack Row="false" AlignItems="AlignItems.Center" Spacing="1" Class="@($"volume-zone {Class}".TrimEnd())">
-    <SpectrumVisualizer BucketCount="10"/>
+    <SpectrumVisualizer BucketCount="18"/>
     <MudStack Row="true" AlignItems="AlignItems.Center" Spacing="1" Class="volume-row">
         <MudIcon Icon="@GetVolumeIcon()"/>
         <MudSlider T="double"