package-lock.json

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

package.json

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

src/index.html

@@ -234,7 +234,7 @@
                 <div class="queue-list" id="queueList"></div>
                 <div class="queue-actions">
                     <button type="button" class="btn btn-start" id="btnStart" onclick="toggleDownload()">Start</button>
-                    <button type="button" class="btn btn-merge-group is-hidden" id="btnMergeGroup" onclick="createMergeGroupFromSelection()">Merge &amp; Split</button>
+                    <button type="button" class="btn btn-merge-group" id="btnMergeGroup" onclick="createMergeGroupFromSelection()" style="display:none">Merge &amp; Split</button>
                     <button type="button" class="btn btn-retry" id="btnRetryFailed" onclick="retryFailedDownloads()" title="Nur fehlgeschlagene Downloads erneut starten">Wiederholen</button>
                     <button type="button" class="btn btn-clear" id="btnClear" onclick="clearCompleted()">Leeren</button>
                 </div>
@@ -263,7 +263,7 @@
                     <div id="streamerProfileHeader" class="streamer-profile-header" style="display:none;"></div>
                     <div class="vod-filter-row">
                         <input type="text" id="vodFilterInput" class="filter-input" placeholder="Filter VODs..." oninput="onVodFilterInput()">
-                        <button type="button" id="vodFilterClearBtn" class="btn-close is-hidden" onclick="clearVodFilter()" title="Clear filter">x</button>
+                        <button type="button" id="vodFilterClearBtn" class="btn-close" onclick="clearVodFilter()" title="Clear filter" style="display:none;">x</button>
                         <label id="vodSortLabel" for="vodSortSelect" class="form-sublabel vod-sort-label">Sort:</label>
                         <select id="vodSortSelect" class="select-compact" onchange="onVodSortChange()">
                             <option value="date_desc">Newest first</option>
@@ -278,7 +278,7 @@
                             <span id="vodHideDownloadedText">Hide downloaded</span>
                         </label>
                     </div>
-                    <div id="vodBulkBar" class="vod-bulk-bar is-hidden">
+                    <div id="vodBulkBar" class="vod-bulk-bar" style="display:none;">
                         <span id="vodBulkCount" class="vod-bulk-count">0 selected</span>
                         <span class="vod-bulk-spacer"></span>
                         <button id="vodBulkAddBtn" class="btn-pill primary" type="button" onclick="bulkAddSelectedVodsToQueue()">+ Queue</button>

src/renderer-queue.ts

@@ -370,11 +370,11 @@ function updateMergeGroupButton(): void {
     selectedQueueIds = selectedQueueIds.filter(id => validIds.has(id));
 
     if (selectedQueueIds.length >= 2) {
-        btn.classList.remove('is-hidden');
+        btn.style.display = '';
         btn.textContent = `${UI_TEXT.mergeGroup.btn} (${selectedQueueIds.length})`;
         btn.disabled = false;
     } else {
-        btn.classList.add('is-hidden');
+        btn.style.display = 'none';
     }
 }
 

src/renderer-streamers.ts

@@ -188,7 +188,7 @@ function updateVodFilterCount(filteredCount: number, totalCount: number): void {
 function syncVodFilterClearButton(): void {
     const btn = document.getElementById('vodFilterClearBtn') as HTMLButtonElement | null;
     if (!btn) return;
-    btn.classList.toggle('is-hidden', !vodFilterQuery.trim());
+    btn.style.display = vodFilterQuery.trim() ? '' : 'none';
 }
 
 function onVodFilterInput(): void {
@@ -1018,7 +1018,7 @@ function updateVodBulkBar(): void {
     const bar = document.getElementById('vodBulkBar');
     if (!bar) return;
     const count = selectedVodUrls.size;
-    bar.classList.toggle('is-hidden', count === 0);
+    bar.style.display = count > 0 ? 'flex' : 'none';
     const countEl = document.getElementById('vodBulkCount');
     if (countEl) {
         countEl.textContent = UI_TEXT.vods.bulkSelectedCount.replace('{count}', String(count));

src/styles.css

@@ -207,7 +207,6 @@ body {
    animation has somewhere to live and the styling stays consistent
    with the rest of the action surfaces. */
 .vod-bulk-bar {
-    display: flex;
     align-items: center;
     gap: 10px;
     padding: 10px 14px;
@@ -217,8 +216,7 @@ body {
     margin-bottom: 12px;
     flex-wrap: wrap;
     box-shadow: 0 4px 16px rgba(145, 70, 255, 0.10);
-    /* Animation fires whenever the bar transitions from display:none
-       (.is-hidden present) back to display:flex (.is-hidden removed),
+    /* Animation fires whenever the JS flips display:none -> display:flex,
        because Animation events restart on each display change. */
     animation: vod-bulk-bar-slide 0.22s cubic-bezier(0.16, 1, 0.3, 1);
 }
@@ -4481,14 +4479,6 @@ input[type="number"]::-webkit-outer-spin-button {
    and the multitude of transition: all 0.2s declarations — anything
    that involves motion. Critical for users with vestibular disorders
    and a baseline accessibility expectation in 2025. */
-/* Generic hide utility. Use when an element's visible-state display
-   differs (button = inline-block, bulk-bar = flex, etc.) so a single
-   class can hide any of them without per-element .shown modifiers.
-   The !important wins over the base class's display declaration. */
-.is-hidden {
-    display: none !important;
-}
-
 @media (prefers-reduced-motion: reduce) {
     *,
     *::before,