From 336132e04970089124e58af4585fb2f322b8cdf4 Mon Sep 17 00:00:00 2001 From: OmikronApex Date: Fri, 3 Jul 2026 14:10:16 +0200 Subject: [PATCH] fix(v3): keep shuffle toggle size stable across states MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Off state had a 1px border, on state none — toggling grew/shrank the button 2px and shifted the row. On state now carries a same-color border (border-fb-primary, already in the prebuilt CSS). Co-Authored-By: Claude Fable 5 --- static/v3/playlists.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/v3/playlists.js b/static/v3/playlists.js index 72a0b47..3d71289 100644 --- a/static/v3/playlists.js +++ b/static/v3/playlists.js @@ -241,7 +241,7 @@ if (!shuffleBtn) return; const on = shuffleOn(); shuffleBtn.className = on - ? 'px-2 py-2 rounded-md bg-fb-primary hover:bg-fb-primaryHi text-white' + ? 'px-2 py-2 rounded-md border border-fb-primary bg-fb-primary hover:bg-fb-primaryHi text-white' : 'px-2 py-2 rounded-md border border-fb-border text-fb-textDim hover:text-fb-text'; shuffleBtn.title = on ? 'Shuffle: on' : 'Shuffle: off'; shuffleBtn.setAttribute('aria-pressed', on ? 'true' : 'false');