From 1f14fb4d5ee9309dcdfb20171e8c3362f96b7712 Mon Sep 17 00:00:00 2001
From: dev <dev@localhost>
Date: Wed, 24 Jun 2026 15:44:23 +0200
Subject: [PATCH] fix(quarantine): align single rows with groups via
 fixed-width alt-slot
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Move the "▾ N more" toggle out of .verif-actions into a dedicated
.verif-quar-alt-slot div (min-width: 68px) so every row reserves
the same horizontal space — action buttons now stay aligned whether
a row is a single track or the head of a group.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 webui/static/pages-extra.js | 2 +-
 webui/static/style.css      | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/webui/static/pages-extra.js b/webui/static/pages-extra.js
index 64e34add..5093600f 100644
--- a/webui/static/pages-extra.js
+++ b/webui/static/pages-extra.js
@@ -2703,8 +2703,8 @@ function _verifQuarRowHtml(q, idx, extraAction = '') {
             <button class="verif-act" onclick="verifQuarAudit(${idx})" title="Open the audit trail for this quarantined file (details, embedded tags, lyrics)">🔍</button>
             ${approveBtn}
             <button class="verif-act verif-act-del" onclick="verifQuarDelete(${idx}, this)" title="Delete the quarantined file permanently">🗑</button>
-            ${extraAction}
         </div>
+        <div class="verif-quar-alt-slot" onclick="event.stopPropagation()">${extraAction}</div>
     </div>`;
 }
 
diff --git a/webui/static/style.css b/webui/static/style.css
index 468276d3..4f2944cb 100644
--- a/webui/static/style.css
+++ b/webui/static/style.css
@@ -68216,6 +68216,7 @@ body.em-scroll-lock { overflow: hidden; }
 .verif-bulk-danger { border-color: rgba(248,113,113,0.4) !important; color: #f87171 !important; }
 
 .verif-quar-alt-wrapper { display: contents; }
+.verif-quar-alt-slot { min-width: 68px; display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; }
 .verif-quar-alt-btn { border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.05); color: rgba(255,255,255,0.5); border-radius: 6px; padding: 2px 7px; font-size: 11px; cursor: pointer; white-space: nowrap; line-height: 18px; }
 .verif-quar-alt-btn:hover { background: rgba(255,255,255,0.12); color: rgba(255,255,255,0.8); }
 .verif-quar-alt-btn.open { color: rgba(255,255,255,0.75); border-color: rgba(255,255,255,0.25); }