release: 4.6.139 .form-row.search-bar + .select-compact.size-md

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

package.json

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

src/index.html

@@ -455,14 +455,14 @@
                     <div class="settings-card">
                         <h3 id="archiveTitle">Archiv durchsuchen</h3>
                         <p id="archiveIntro" class="card-intro">Suche nach Dateinamen, Streamern oder Datum-Strings. Treffer zeigen Recordings (Live + VOD); zugehoerige Chat- und Events-Dateien werden als Companion-Buttons angeboten.</p>
-                        <div class="form-row" style="gap:8px; margin-bottom: 8px; flex-wrap: wrap; align-items:center;">
+                        <div class="form-row search-bar">
                             <input type="text" id="archiveSearchQuery" class="filter-input flex-1-1-240" placeholder="Suche...">
                             <select id="archiveSearchType" class="select-compact">
                                 <option value="all">Alle Typen</option>
                                 <option value="live">Live-Aufnahmen</option>
                                 <option value="vod">VOD-Downloads</option>
                             </select>
-                            <select id="archiveSearchStreamer" class="select-compact" style="min-width: 160px;">
+                            <select id="archiveSearchStreamer" class="select-compact size-md">
                                 <option value="">Alle Streamer</option>
                             </select>
                             <select id="archiveSearchSort" class="select-compact">

src/styles.css

@@ -849,6 +849,13 @@ select option {
     font-size: 13px;
 }
 
+/* Wider variant — used for the Archive-search streamer-name select
+   where short streamer names would collapse the dropdown to an
+   unhelpful 80-100px otherwise. Matches the .form-stack.size-md width. */
+.select-compact.size-md {
+    min-width: 160px;
+}
+
 /* Queue Section */
 .queue-section {
     border-top: 1px solid rgba(255,255,255,0.1);
@@ -1858,6 +1865,16 @@ select option {
     margin-bottom: 10px;
 }
 
+/* Search/filter tool-row variant — wraps on narrow widths so the
+   select / input cluster collapses gracefully. Used by the Archive
+   search row (input + 3 selects + button). */
+.form-row.search-bar {
+    gap: 8px;
+    margin-bottom: 8px;
+    flex-wrap: wrap;
+    align-items: center;
+}
+
 .log-panel {
     background: #11151c;
     border: 1px solid rgba(255,255,255,0.12);