From 5690c9d3752fd15343b1b883eb8ede276ba78984 Mon Sep 17 00:00:00 2001
From: Mistral Vibe <vibe@mistral.ai>
Date: Tue, 7 Apr 2026 14:22:14 +0000
Subject: [PATCH] fix: remove redundant time label from media controls

- Remove extra time display above buttons (already shown in waveform)
- Simplify transport section structure
- Keep buttons centered for clean UI
---
 web/src/pages/SongPage.tsx | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/web/src/pages/SongPage.tsx b/web/src/pages/SongPage.tsx
index 1035bfb..ca77c37 100644
--- a/web/src/pages/SongPage.tsx
+++ b/web/src/pages/SongPage.tsx
@@ -561,21 +561,12 @@ export function SongPage() {
           <div
             style={{
               display: "flex",
-              flexDirection: "column",
-              alignItems: "center",
-              gap: 8,
+              justifyContent: "center",
+              gap: 10,
               padding: "4px 0 12px",
               flexShrink: 0,
             }}
           >
-            {/* Time display - moved above buttons */}
-            <span style={{ fontFamily: "monospace", fontSize: 12, color: "rgba(255,255,255,0.35)", marginBottom: 4 }}>
-              <span style={{ color: "#d8d8e0" }}>{formatTime(currentTime)}</span>
-              {isReady && duration > 0 ? ` / ${formatTime(duration)}` : ""}
-            </span>
-
-            {/* Button group - centered */}
-            <div style={{ display: "flex", alignItems: "center", gap: 10 }}>
               {/* Skip back */}
               <TransportButton onClick={() => seekTo(Math.max(0, currentTime - 30))} title="−30s">
                 <IconSkipBack />
@@ -609,8 +600,6 @@ export function SongPage() {
               <TransportButton onClick={() => seekTo(currentTime + 30)} title="+30s">
                 <IconSkipFwd />
               </TransportButton>
-            </div>
-
 
           </div>