release: 4.6.95 .form-stack size modifiers + .input-narrow

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

package.json

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

src/index.html

@@ -706,18 +706,18 @@
                             <span id="autoCleanupEnabledLabel">Auto-Cleanup aktivieren</span>
                         </label>
                         <div class="form-row" style="gap:12px; flex-wrap:wrap; margin-bottom: 8px;">
-                            <label class="form-stack" style="min-width:120px;">
+                            <label class="form-stack size-sm">
                                 <span id="autoCleanupDaysLabel" class="form-sublabel">Tage-Schwelle</span>
                                 <input type="number" id="autoCleanupDays" min="1" max="3650" value="30">
                             </label>
-                            <label class="form-stack" style="min-width:160px;">
+                            <label class="form-stack size-md">
                                 <span id="autoCleanupTargetLabel" class="form-sublabel">Bereich</span>
                                 <select id="autoCleanupTarget">
                                     <option value="live_only" id="autoCleanupTargetLive">Nur Live-Aufnahmen</option>
                                     <option value="all" id="autoCleanupTargetAll">Alle Aufnahmen</option>
                                 </select>
                             </label>
-                            <label class="form-stack" style="min-width:160px;">
+                            <label class="form-stack size-md">
                                 <span id="autoCleanupActionLabel" class="form-sublabel">Aktion</span>
                                 <select id="autoCleanupAction">
                                     <option value="archive" id="autoCleanupActionArchive">In Archiv verschieben</option>
@@ -764,9 +764,9 @@
                         <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 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;">
+                            <input type="number" id="autoVodPollMinutes" min="5" max="360" value="15" class="input-narrow">
                             <label id="autoVodMaxAgeHoursLabel" class="form-sublabel" for="autoVodMaxAgeHours" style="margin-left:12px;">Max. Alter (Stunden)</label>
-                            <input type="number" id="autoVodMaxAgeHours" min="1" max="720" value="24" style="width:90px;">
+                            <input type="number" id="autoVodMaxAgeHours" min="1" max="720" value="24" class="input-narrow">
                         </div>
                         <div class="form-row" style="align-items: center; gap: 12px; flex-wrap: wrap;">
                             <button class="btn-secondary" id="btnAutoVodScanNow" onclick="triggerManualAutoVodScan()">Jetzt scannen</button>

src/styles.css

@@ -2177,6 +2177,24 @@ select option {
     flex: 1;
 }
 
+/* Min-width sizing modifiers — let the row wrap to a new line before
+   the stack collapses below the named breakpoint. Replaces three inline
+   min-width declarations in the Auto-Cleanup 3-up row. */
+.form-stack.size-sm {
+    min-width: 120px;
+}
+
+.form-stack.size-md {
+    min-width: 160px;
+}
+
+/* Compact-width input — used for the Auto-VOD poll/age inputs where
+   the values are 2-3 digits and a full-width input would look odd
+   alongside their inline sublabels. */
+.input-narrow {
+    width: 90px;
+}
+
 /* Block-level note text — same colour as .form-sublabel but reserved
    for full-row paragraphs like the cleanup report area. */
 .form-note {