From 9be4844b486244f6c1e4510e72ecf1ef90f5fd98 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 1 Oct 2026 21:09:59 +0000
Subject: [PATCH] Show only the dots on More controls while A-B markers are
 present

---
 frontend/index.html  | 2 +-
 frontend/refresh.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/index.html b/frontend/index.html
index 630c9d5..38d6f7d 100755
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -187,7 +187,7 @@
                 <button id="abABtn" class="ctrl ab-ctrl" title="Set A-B loop start [A]">A</button>
                 <button id="abBBtn" class="ctrl ab-ctrl" title="Set A-B loop end [B]">B</button>
                 <button id="abClearBtn" class="ctrl ab-ctrl hidden" title="Clear A-B loop">↺</button>
-                <button id="ctlMoreBtn" class="dk-more" type="button" aria-haspopup="dialog"><span>⋯ More<i class="mc-rest"> controls</i></span><small>Speed · Quality · A-B · Sleep · EQ</small></button>
+                <button id="ctlMoreBtn" class="dk-more" type="button" aria-haspopup="dialog" title="More controls" aria-label="More controls"><span><em class="mc-dots">⋯</em><i class="mc-label"> More<i class="mc-rest"> controls</i></i></span><small>Speed · Quality · A-B · Sleep · EQ</small></button>
               </div>
               <div id="dkMoreHost" hidden>
                 <button id="rememberPosBtn" class="ctrl" title="Remember playback position for this song (per playlist)">📍</button>
diff --git a/frontend/refresh.css b/frontend/refresh.css
index dca87d9..e2caebd 100644
--- a/frontend/refresh.css
+++ b/frontend/refresh.css
@@ -512,3 +512,7 @@
 #controls .dk-quick.ab-on .dk-more span { white-space: nowrap; }
 #controls .dk-quick.ab-on #abABtn, #controls .dk-quick.ab-on #abBBtn,
 #controls .dk-quick.ab-on #abClearBtn:not(.hidden), #controls .dk-quick.ab-on #fsBtn { flex-basis: 52px; width: 52px; height: 52px; }
+#controls .dk-more em { font-style: normal; }
+#controls .dk-quick.ab-on .mc-label { display: none; }
+#controls .dk-quick.ab-on .dk-more span { font-size: 22px; line-height: 1; }
+#controls .dk-quick.ab-on .dk-more { flex: 1 1 52px; min-width: 52px; }