package-lock.json

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

package.json

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

src/index.html

@@ -264,15 +264,15 @@
                     <div class="vod-filter-row" style="display:flex; align-items:center; gap:8px; margin-bottom:12px; flex-wrap:wrap;">
                         <input type="text" id="vodFilterInput" class="filter-input" placeholder="Filter VODs..." oninput="onVodFilterInput()">
                         <button id="vodFilterClearBtn" class="btn-close" onclick="clearVodFilter()" title="Clear filter" style="display:none;">x</button>
-                        <label id="vodSortLabel" for="vodSortSelect" class="form-sublabel" style="margin-left:8px;">Sort:</label>
-                        <select id="vodSortSelect" class="select-compact" onchange="onVodSortChange()">
+                        <label id="vodSortLabel" for="vodSortSelect" style="color: var(--text-secondary); font-size:12px; margin-left:8px;">Sort:</label>
+                        <select id="vodSortSelect" onchange="onVodSortChange()" style="background: var(--bg-card); border:1px solid var(--border-soft); border-radius:6px; padding:7px 10px; color: var(--text); font-size:13px;">
                             <option value="date_desc">Newest first</option>
                             <option value="date_asc">Oldest first</option>
                             <option value="views_desc">Most viewed</option>
                             <option value="duration_desc">Longest first</option>
                             <option value="duration_asc">Shortest first</option>
                         </select>
-                        <span id="vodFilterCount" class="form-sublabel" style="min-width:80px;"></span>
+                        <span id="vodFilterCount" style="color: var(--text-secondary); font-size:12px; min-width:80px;"></span>
                         <label id="vodHideDownloadedLabel" class="inline-toggle" title="">
                             <input type="checkbox" id="vodHideDownloadedToggle" onchange="onVodHideDownloadedChange()">
                             <span id="vodHideDownloadedText">Hide downloaded</span>
@@ -457,15 +457,15 @@
                         <p id="archiveIntro" style="color: var(--text-secondary); font-size:13px; margin-bottom:12px; line-height:1.5;">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;">
                             <input type="text" id="archiveSearchQuery" class="filter-input flex-1-1-240" placeholder="Suche...">
-                            <select id="archiveSearchType" class="select-compact">
+                            <select id="archiveSearchType" style="background: var(--bg-card); border: 1px solid var(--border-soft); border-radius: 4px; padding: 6px 10px; color: var(--text);">
                                 <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" style="background: var(--bg-card); border: 1px solid var(--border-soft); border-radius: 4px; padding: 6px 10px; color: var(--text); min-width: 160px;">
                                 <option value="">Alle Streamer</option>
                             </select>
-                            <select id="archiveSearchSort" class="select-compact">
+                            <select id="archiveSearchSort" style="background: var(--bg-card); border: 1px solid var(--border-soft); border-radius: 4px; padding: 6px 10px; color: var(--text);">
                                 <option value="date_desc">Neueste zuerst</option>
                                 <option value="date_asc">Aelteste zuerst</option>
                                 <option value="size_desc">Groesste zuerst</option>

src/styles.css

@@ -780,19 +780,6 @@ select option {
     color: var(--text);
 }
 
-/* Compact-row select — used in tool/filter rows that sit OUTSIDE the
-   .form-group container (which has its own select padding rules).
-   Without this class the bare <select> from the global rule has no
-   bg / border / colour, leaving an OS-default-looking blank box. */
-.select-compact {
-    background: var(--bg-card);
-    border: 1px solid var(--border-soft);
-    border-radius: 6px;
-    padding: 7px 10px;
-    color: var(--text);
-    font-size: 13px;
-}
-
 /* Queue Section */
 .queue-section {
     border-top: 1px solid rgba(255,255,255,0.1);