From 74de6f0d0fa3df74e2da0303e820d46ebc982d17 Mon Sep 17 00:00:00 2001
From: Codex <codex@local>
Date: Thu, 23 Apr 2026 10:26:25 -0500
Subject: [PATCH] Style gameday playback controls

---
 frontend/src/pages/GamedayPage.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/GamedayPage.tsx b/frontend/src/pages/GamedayPage.tsx
index 1e109f8..d0a4b12 100644
--- a/frontend/src/pages/GamedayPage.tsx
+++ b/frontend/src/pages/GamedayPage.tsx
@@ -405,10 +405,15 @@ export function GamedayPage() {
             <span className="muted">{nowPlaying.subtitle}</span>
           </div>
           <div className="gameday-toolbar-actions">
-            <button type="button" className="btn btn-outline-secondary btn-sm" onClick={() => stopPlayback()}>
+            <button type="button" className="btn btn-danger btn-sm" onClick={() => stopPlayback()}>
               Stop
             </button>
-            <button type="button" className="btn btn-outline-secondary btn-sm" onClick={() => fadeOutPlayback()}>
+            <button
+              type="button"
+              className="btn btn-outline-secondary btn-sm d-inline-flex align-items-center gap-2"
+              onClick={() => fadeOutPlayback()}
+            >
+              <i className="bi bi-volume-down-fill" aria-hidden="true" />
               Fade out
             </button>
           </div>