From 5d3ea49de844a422e38a84e46cd7efeb34e95eac Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Sun, 7 Jun 2026 09:43:51 -0400
Subject: [PATCH] fix: stack NowPlayingStats vertically and tighten footer
 padding at xs (<=599px)

---
 .../Controls/NowPlayingStats.razor.css              |  7 +++++++
 .../Layout/DeepDrftFooter.razor.css                 | 13 +++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css b/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css
index 620b69e..2016701 100644
--- a/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css
+++ b/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css
@@ -26,3 +26,10 @@
     text-transform: uppercase;
     margin-top: 0.4rem;
 }
+
+@media (max-width: 599px) {
+    .hero-stat-row {
+        flex-direction: column;
+        gap: 0.75rem;
+    }
+}
diff --git a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css
index 3ecb610..d1b34b1 100644
--- a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css
+++ b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css
@@ -45,4 +45,17 @@
     font-size: 0.58rem;
     letter-spacing: 0.12em;
     color: var(--deepdrft-muted);
+}
+
+@media (max-width: 599px) {
+    .deepdrft-footer {
+        padding: 1.5rem;
+        flex-wrap: wrap;
+        gap: 1rem;
+    }
+
+    .deepdrft-footer-copy {
+        width: 100%;
+        text-align: right;
+    }
 }
\ No newline at end of file