release: 4.6.97 .template-lint owns its own margin-top

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
cleanup: .template-lint owns its own margin-top — unifies two divergent inline values
2026-05-11 07:06:13 +02:00 · 2026-05-11 07:06:03 +02:00
4 changed files with 11 additions and 6 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -1,12 +1,12 @@
 {
  "name": "twitch-vod-manager",
-  "version": "4.6.96",
+  "version": "4.6.97",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "twitch-vod-manager",
-      "version": "4.6.96",
+      "version": "4.6.97",
      "license": "MIT",
      "dependencies": {
        "axios": "^1.6.0",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "twitch-vod-manager",
-  "version": "4.6.96",
+  "version": "4.6.97",
  "description": "Twitch VOD Manager - Download Twitch VODs easily",
  "main": "dist/main.js",
  "author": "xRangerDE",
--- a/src/index.html
+++ b/src/index.html
@ -102,7 +102,7 @@
                <div id="clipFilenameTemplateWrap" class="clip-template-wrap" style="display:none;">
                    <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" style="margin-top: 4px;">Template-Check: OK</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>
                </div>
            </div>
@ -654,7 +654,7 @@
                                <input type="text" id="defaultClipFilenameTemplate" class="input-monospace" placeholder="{date}_{part}.mp4" oninput="validateFilenameTemplates()">
                            </div>
                            <div id="filenameTemplateHint" class="form-note" style="margin-top: 8px;">Platzhalter: {title} {id} {channel} {date} {part} {part_padded} {trim_start} {trim_end} {trim_length} {date_custom="yyyy-MM-dd"}</div>
-                            <div id="filenameTemplateLint" class="template-lint ok" style="margin-top: 6px;">Template-Check: OK</div>
+                            <div id="filenameTemplateLint" class="template-lint ok">Template-Check: OK</div>
                        </div>
                    </div>

--- a/src/styles.css
+++ b/src/styles.css
@ -2312,10 +2312,15 @@ select option {
   template inputs and by the clip-cutter modal's custom template
   row. Two states: green for OK, red for unknown-placeholder
   warning. Pull the colours from --success / --error vars so the
-   lint always tracks the rest of the apps semantic palette. */
+   lint always tracks the rest of the apps semantic palette.
+
+   margin-top is part of the class so both usage sites pick up the
+   same rhythm — the previous inline-style values diverged by 2px
+   between the two spots, an inconsistency that's not worth tracking. */
 .template-lint {
    font-size: 12px;
    line-height: 1.4;
+    margin-top: 6px;
    transition: color 0.15s;
 }