release: 4.6.135 streamer filter + bulk-remove use .is-hidden

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

package.json

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

src/index.html

@@ -221,9 +221,9 @@
                     <span id="streamerSectionTitleText">Streamer</span>
                     <span id="streamerSectionCounter" class="streamer-section-counter"></span>
                 </span>
-                <button id="btnStreamerBulkRemove" class="btn-close" type="button" onclick="bulkRemoveStreamers()" title="Bulk remove" style="display:none;">x</button>
+                <button id="btnStreamerBulkRemove" class="btn-close is-hidden" type="button" onclick="bulkRemoveStreamers()" title="Bulk remove">x</button>
             </div>
-            <input type="text" id="streamerListFilter" class="filter-input compact" placeholder="Filter..." oninput="onStreamerListFilterChange()" style="display:none;">
+            <input type="text" id="streamerListFilter" class="filter-input compact is-hidden" placeholder="Filter..." oninput="onStreamerListFilterChange()">
             <div class="streamers" id="streamerList"></div>
 
             <div class="queue-section">

src/renderer-streamers.ts

@@ -421,7 +421,7 @@ function renderStreamers(): void {
     const filterInput = document.getElementById('streamerListFilter') as HTMLInputElement | null;
     const sectionTitle = document.getElementById('streamerSectionTitle');
     const showFilter = all.length >= STREAMER_FILTER_THRESHOLD;
-    if (filterInput) filterInput.style.display = showFilter ? '' : 'none';
+    if (filterInput) filterInput.classList.toggle('is-hidden', !showFilter);
     // Compact title margin when filter is shown — avoids double gap.
     if (sectionTitle) sectionTitle.classList.toggle('compact', showFilter);
 
@@ -436,7 +436,7 @@ function renderStreamers(): void {
         const counter = document.getElementById('streamerSectionCounter');
         if (counter) counter.textContent = '';
         const bulkBtn = document.getElementById('btnStreamerBulkRemove') as HTMLButtonElement | null;
-        if (bulkBtn) bulkBtn.style.display = 'none';
+        if (bulkBtn) bulkBtn.classList.add('is-hidden');
         return;
     }
 
@@ -596,7 +596,7 @@ function renderStreamers(): void {
 
     // Reveal bulk-remove button only above the filter threshold.
     const bulkBtn = document.getElementById('btnStreamerBulkRemove') as HTMLButtonElement | null;
-    if (bulkBtn) bulkBtn.style.display = all.length >= STREAMER_FILTER_THRESHOLD ? '' : 'none';
+    if (bulkBtn) bulkBtn.classList.toggle('is-hidden', all.length < STREAMER_FILTER_THRESHOLD);
 
     initStreamerDragDrop();
 }