From 3e5bdb73d4a3538bc1c130980d4bedf50da5cac6 Mon Sep 17 00:00:00 2001
From: xRangerDE <xRangerDE@24-music.de>
Date: Mon, 11 May 2026 07:22:36 +0200
Subject: [PATCH] dead-code: remove .clip-template-lint orphan + extract
 clipTemplateGuideBtn margin
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The .clip-template-lint CSS rule was documented as a no-op alias kept in case any external reference still used it (deprecated when the shared .template-lint class with .ok/.warn modifiers took over). Grep confirms zero external references — both .ts files and index.html only mention the new .template-lint class. Deleted the rule + its 5-line comment.

Same edit moves the clipTemplateGuideBtn's margin-top:8px from inline to a .clip-template-wrap .btn-secondary descendant rule. One inline style attribute gone, and the spacing now lives next to the .clip-template-wrap definition where future readers will look for it.

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

diff --git a/src/index.html b/src/index.html
index 0ffc9fa..54c4bbd 100644
--- a/src/index.html
+++ b/src/index.html
@@ -103,7 +103,7 @@
                     <input type="text" id="clipFilenameTemplate" value="{date}_{part}.mp4" placeholder="{date}_{part}.mp4" class="clip-modal-template-input" oninput="updateFilenameExamples()">
                     <div id="clipTemplateHelp" class="clip-modal-hint">Platzhalter: {title} {id} {channel} {date} {part} {trim_start} {trim_end} {trim_length} {date_custom="yyyy-MM-dd"}</div>
                     <div id="clipTemplateLint" class="template-lint ok">Template-Check: OK</div>
-                    <button class="btn-secondary" id="clipTemplateGuideBtn" style="margin-top: 8px;" onclick="openTemplateGuide('clip')">Template Guide</button>
+                    <button class="btn-secondary" id="clipTemplateGuideBtn" onclick="openTemplateGuide('clip')">Template Guide</button>
                 </div>
             </div>
 
diff --git a/src/styles.css b/src/styles.css
index 067ba9f..394554a 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -323,20 +323,17 @@ body {
     line-height: 1.4;
 }
 
-/* .clip-template-lint was the old per-modal rule for the clip-cutter
-   template lint badge. Superseded by the shared .template-lint
-   class (with .ok / .warn modifiers driven from var(--success) /
-   var(--error)). Class kept as a no-op alias in case any external
-   reference still uses it. */
-.clip-template-lint {
-    font-size: 12px;
-    margin-top: 4px;
-}
-
 .clip-template-wrap {
     margin-top: 10px;
 }
 
+/* Template-Guide button below the clip-template input — small offset
+   from the lint badge that sits directly above it. Was a one-off
+   inline style on the button. */
+.clip-template-wrap .btn-secondary {
+    margin-top: 8px;
+}
+
 .clip-radio-row {
     display: flex;
     align-items: center;