From b880ce96941550f170de2c9aecefaad9e45d999b Mon Sep 17 00:00:00 2001
From: xRangerDE <xRangerDE@24-music.de>
Date: Mon, 11 May 2026 10:48:03 +0200
Subject: [PATCH] ui: .select-compact hover state + drop redundant margin:0 on
 filenameTemplatesTitle
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two small targeted polishes:

1. .select-compact had no :hover state — selects in the VOD sort, Archive filters, and other compact dropdowns gave no mouse-feedback visual when pointed at. Added a soft purple-accent tint on hover (background + border-color transition) matching the rest of the app's interactive-control hover palette. The global select:focus rule already handles keyboard focus; this only adds the mouse-hover affordance.

2. The filenameTemplatesTitle label carried style="margin: 0;" inline. The global * { margin: 0 } reset at the top of styles.css already zeros every element's margin by default, so the inline declaration was a literal no-op. Dropped it — same noise-removal as the archiveTitle fix in 4.6.99.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/index.html | 2 +-
 src/styles.css | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/index.html b/src/index.html
index 1062000..206b091 100644
--- a/src/index.html
+++ b/src/index.html
@@ -635,7 +635,7 @@
                         </div>
                         <div class="form-group">
                             <div class="form-row" style="align-items:center; margin-bottom: 4px;">
-                                <label id="filenameTemplatesTitle" style="margin: 0;">Dateinamen-Templates</label>
+                                <label id="filenameTemplatesTitle">Dateinamen-Templates</label>
                                 <button class="btn-secondary" id="settingsTemplateGuideBtn" type="button" onclick="openTemplateGuide('vod')">Template Guide</button>
                             </div>
                             <div class="form-row" style="gap: 8px; margin: 8px 0 6px;">
diff --git a/src/styles.css b/src/styles.css
index 2d46b4f..bcdd3e1 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -847,6 +847,12 @@ select option {
     padding: 7px 10px;
     color: var(--text);
     font-size: 13px;
+    transition: border-color 0.15s, background 0.15s;
+}
+
+.select-compact:hover:not(:disabled) {
+    background: rgba(145, 70, 255, 0.08);
+    border-color: rgba(145, 70, 255, 0.45);
 }
 
 /* Wider variant — used for the Archive-search streamer-name select