release: 4.6.90 .form-row.aligned + .form-sublabel reuse

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.89",
+  "version": "4.6.90",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.89",
+      "version": "4.6.90",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

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

src/index.html

@@ -678,7 +678,7 @@
 
                     <div class="settings-card">
                         <h3 id="debugLogTitle">Live Debug-Log</h3>
-                        <div class="form-row" style="margin-bottom: 10px; align-items: center;">
+                        <div class="form-row aligned">
                             <button class="btn-secondary" id="btnRefreshLog" onclick="refreshDebugLog()">Aktualisieren</button>
                             <button class="btn-secondary" id="btnOpenDebugLogFile" onclick="openDebugLogFile()">Log-Datei oeffnen</button>
                             <label class="inline-toggle">
@@ -695,7 +695,7 @@
                             <button class="btn-secondary" id="btnRefreshStorage" onclick="refreshStorageStats()">Aktualisieren</button>
                         </div>
                         <p id="storageCardIntro" class="card-intro">Disk-Verbrauch pro Streamer im aktuellen Download-Ordner. Live-Aufnahmen werden separat ausgewiesen.</p>
-                        <div id="storageSummary" style="color: var(--text-secondary); font-size:12px; margin-bottom:8px;"></div>
+                        <div id="storageSummary" class="form-sublabel" style="margin-bottom:8px;"></div>
                         <div id="storageList"></div>
 
                         <hr>
@@ -762,7 +762,7 @@
                     <div class="settings-card">
                         <h3 id="autoVodCardTitle">Auto-VOD-Download</h3>
                         <p id="autoVodCardIntro" class="card-intro">Streamer mit aktiviertem VOD-Toggle werden in dem hier festgelegten Intervall auf neue Twitch-VODs geprueft. Neue VODs innerhalb des Alters-Fensters werden automatisch zur Download-Queue hinzugefuegt.</p>
-                        <div class="form-row" style="margin-bottom: 10px; align-items: center;">
+                        <div class="form-row aligned">
                             <label id="autoVodPollMinutesLabel" class="form-sublabel" for="autoVodPollMinutes">Poll-Intervall (Minuten)</label>
                             <input type="number" id="autoVodPollMinutes" min="5" max="360" value="15" style="width:90px;">
                             <label id="autoVodMaxAgeHoursLabel" class="form-sublabel" for="autoVodMaxAgeHours" style="margin-left:12px;">Max. Alter (Stunden)</label>
@@ -771,7 +771,7 @@
                         <div class="form-row" style="align-items: center; gap: 12px; flex-wrap: wrap;">
                             <button class="btn-secondary" id="btnAutoVodScanNow" onclick="triggerManualAutoVodScan()">Jetzt scannen</button>
                             <button class="btn-secondary" id="btnAutoRecordScanNow" onclick="triggerManualAutoRecordScan()">Live-Status pruefen</button>
-                            <span id="autoVodStatusLine" style="font-size:12px; color: var(--text-secondary);"></span>
+                            <span id="autoVodStatusLine" class="form-sublabel"></span>
                         </div>
                     </div>
 
@@ -787,7 +787,7 @@
 
                     <div class="settings-card">
                         <h3 id="runtimeMetricsTitle">Runtime Metrics</h3>
-                        <div class="form-row" style="margin-bottom: 10px; align-items: center;">
+                        <div class="form-row aligned">
                             <button class="btn-secondary" id="btnRefreshMetrics" onclick="refreshRuntimeMetrics()">Aktualisieren</button>
                             <button class="btn-secondary" id="btnExportMetrics" onclick="exportRuntimeMetrics()">Export JSON</button>
                             <label class="inline-toggle">

src/styles.css

@@ -1769,6 +1769,15 @@ select option {
     margin: 0;
 }
 
+/* Plain centred form-row with bottom margin — the most common
+   form-row shape in Settings (button + button + inline-toggle, or
+   number-input + sublabel). Replaces three duplicated inline copies
+   of the same align-items:center; margin-bottom:10px declaration. */
+.form-row.aligned {
+    align-items: center;
+    margin-bottom: 10px;
+}
+
 .log-panel {
     background: #11151c;
     border: 1px solid rgba(255,255,255,0.12);