release: 4.6.45 fix duration badge overlapping + Queue button

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

package.json

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

src/renderer-streamers.ts

@@ -256,8 +256,10 @@ function buildVodCardHtml(vod: VOD, streamer: string, downloadedIds?: Set<string
              data-vod-duration="${safeDurationAttr}">
             <input type="checkbox" class="vod-select-checkbox" data-vod-url="${safeUrlAttr}" ${isChecked ? 'checked' : ''} title="${escapeHtml(UI_TEXT.vods.bulkSelectedCount.replace('{count}', '0').replace(/[0-9]/g, '').trim() || 'Select')}" style="position:absolute; top:8px; left:8px; width:18px; height:18px; accent-color:#9146FF; cursor:pointer; z-index:2;">
             ${downloadedBadge}
+            <div class="vod-thumb-wrap">
                 <img class="vod-thumbnail" loading="lazy" decoding="async" src="${thumb}" alt="" title="${escapeHtml(UI_TEXT.vods.openOnTwitch)}" onerror="this.src='data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 320 180%22><rect fill=%22%23333%22 width=%22320%22 height=%22180%22/></svg>'">
                 <div class="vod-duration-badge">${escapeHtml(vod.duration)}</div>
+            </div>
             <div class="vod-info">
                 <div class="vod-title" title="${escapeHtml(vod.title || '')}">${safeDisplayTitle}</div>
                 <div class="vod-meta">

src/styles.css

@@ -2969,7 +2969,20 @@ input[type="number"]::-webkit-outer-spin-button {
 
 /* ============================================
    VOD DURATION BADGE — Twitch-style pill on the thumbnail
-   ============================================ */
+   ============================================
+   Sits inside .vod-thumb-wrap so the absolute positioning anchors
+   to the thumbnail bounds, not the whole card (which would push
+   the badge past the action buttons at the bottom — regression
+   reported in 4.6.44 screenshot). */
+.vod-thumb-wrap {
+    position: relative;
+    line-height: 0;
+}
+
+.vod-thumb-wrap .vod-thumbnail {
+    display: block;
+}
+
 .vod-duration-badge {
     position: absolute;
     bottom: 8px;