release: 4.6.86 stats header consolidation + .card-intro.flush

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.85",
+  "version": "4.6.86",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.85",
+      "version": "4.6.86",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.85",
+  "version": "4.6.86",
   "description": "Twitch VOD Manager - Download Twitch VODs easily",
   "main": "dist/main.js",
   "author": "xRangerDE",

src/index.html

@@ -419,14 +419,14 @@
                 <!-- Statistics Tab -->
                 <div class="tab-content" id="statsTab">
                     <div class="settings-card">
-                        <div style="display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px;">
+                        <div class="form-row section-header">
-                            <h3 id="statsTitle" style="margin:0;">Archiv-Statistik</h3>
+                            <h3 id="statsTitle">Archiv-Statistik</h3>
                             <div style="display:flex; gap:8px; align-items:center;">
                                 <span id="statsLastScannedLabel" class="form-sublabel"></span>
                                 <button class="btn-secondary" id="btnStatsRefresh" onclick="refreshArchiveStats()">Aktualisieren</button>
                             </div>
                         </div>
-                        <p id="statsIntro" style="color: var(--text-secondary); font-size:13px; margin-top:8px; margin-bottom:0; line-height:1.5;">Aggregiert ueber den Download-Ordner. Live-Aufnahmen liegen unter <code>{streamer}/live/</code>, VOD-Downloads direkt unter <code>{streamer}/</code>. Lade-Zeit skaliert mit der Anzahl Dateien.</p>
+                        <p id="statsIntro" class="card-intro flush">Aggregiert ueber den Download-Ordner. Live-Aufnahmen liegen unter <code>{streamer}/live/</code>, VOD-Downloads direkt unter <code>{streamer}/</code>. Lade-Zeit skaliert mit der Anzahl Dateien.</p>
                     </div>
 
                     <div class="settings-card">

src/styles.css

@@ -1733,6 +1733,7 @@ select option {
     align-items: center;
     justify-content: space-between;
     margin-bottom: 10px;
+    flex-wrap: wrap;
 }
 
 .form-row.section-header h3 {
@@ -2157,6 +2158,14 @@ select option {
     margin-bottom: 12px;
 }
 
+/* Flush variant: the intro sits flush against the next sibling block
+   (e.g. the stats summary grid) and gets its top breathing room from
+   the preceding section-header row rather than its own bottom margin. */
+.card-intro.flush {
+    margin-top: 8px;
+    margin-bottom: 0;
+}
+
 /* Filename-templates 3-pair grid (VOD / Part / Clip template inputs).
    Each row is a label above an input; the label gets the 13px secondary
    styling that used to be inline on every label. */