From 6be2f16e4a664481d92b017ff7b89801fa147ecd Mon Sep 17 00:00:00 2001
From: iamdoubz <>
Date: Mon, 27 Jul 2026 13:14:50 -0500
Subject: [PATCH] +/- lyric sync speed pill

---
 assets/css/radio.css | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/assets/css/radio.css b/assets/css/radio.css
index 5c631f4..e9041b4 100644
--- a/assets/css/radio.css
+++ b/assets/css/radio.css
@@ -197,16 +197,19 @@ audio[controls] { width: 100%; outline: 0; }
 .lyrics-line.current { opacity: 1; font-weight: 700; }
 
 .lyrics-sync {
-  position: sticky; top: 0; z-index: 1;
-  display: flex; align-items: center; justify-content: center; gap: 10px;
-  margin: -52px -20px 10px; padding: 10px 20px;
-  background: rgba(0, 0, 0, 0.85);
-  font-variant-numeric: tabular-nums; font-size: 0.85rem;
+  position: absolute; top: 48px; right: 10px; z-index: 2;
+  display: flex; align-items: center; gap: 6px;
+  padding: 4px 8px;
+  background: rgba(0, 0, 0, 0.55);
+  border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 999px;
+  backdrop-filter: blur(4px);
+  font-variant-numeric: tabular-nums; font-size: 0.75rem;
 }
 .lyrics-sync button {
-  width: 26px; height: 26px; border-radius: 50%;
+  width: 20px; height: 20px; border-radius: 50%;
+  display: flex; align-items: center; justify-content: center;
   background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3);
-  color: #fff; cursor: pointer;
+  color: #fff; cursor: pointer; font-size: 0.8rem; line-height: 1; padding: 0;
 }
 .lyrics-sync button:hover, .lyrics-sync button:focus { background: rgba(255, 255, 255, 0.3); outline: 0; }
 .lyrics-sync[hidden] { display: none; }