release: 4.6.49 queue detail labels localized + retry button styled

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

package.json

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

src/renderer-locale-de.ts

@@ -264,6 +264,9 @@ const UI_TEXT_DE = {
     },
     queue: {
         empty: 'Keine Downloads in der Warteschlange',
+        detailStreamer: 'Streamer:',
+        detailDuration: 'Dauer:',
+        detailDate: 'Datum:',
         start: 'Start',
         stop: 'Pausieren',
         resume: 'Fortsetzen',

src/renderer-locale-en.ts

@@ -264,6 +264,9 @@ const UI_TEXT_EN = {
     },
     queue: {
         empty: 'No downloads in queue',
+        detailStreamer: 'Streamer:',
+        detailDuration: 'Duration:',
+        detailDate: 'Date:',
         start: 'Start',
         stop: 'Pause',
         resume: 'Resume',

src/renderer-queue.ts

@@ -555,7 +555,7 @@ function renderQueue(): void {
                 <div class="status ${item.status}"></div>
                 <div class="queue-main">
                     <div class="queue-title-row">
-                        <div class="title" title="${safeTitle}" onclick="toggleQueueDetails('${item.id}')" style="cursor:pointer">${liveBadge}${healthBadge}${mergeIcon}${isClip}${safeTitle}</div>
+                        <div class="title" title="${safeTitle}" onclick="toggleQueueDetails('${item.id}')">${liveBadge}${healthBadge}${mergeIcon}${isClip}${safeTitle}</div>
                         <div class="queue-status-label">${safeStatusLabel}</div>
                     </div>
                     <div class="queue-meta">${safeMeta}${mergeMetaExtra}</div>
@@ -564,14 +564,14 @@ function renderQueue(): void {
                     </div>
                     <div class="queue-progress-text">${safeProgressText}</div>
                     <div class="queue-details" id="details-${item.id}" style="display:${expandedQueueIds.has(item.id) ? 'block' : 'none'}">
-                        <div>URL: ${escapeHtml(item.url)}</div>
-                        <div>Streamer: ${escapeHtml(item.streamer)}</div>
-                        <div>Dauer: ${escapeHtml(item.duration_str)}</div>
-                        <div>Datum: ${escapeHtml(new Date(item.date).toLocaleString())}</div>
+                        <div><span class="queue-detail-label">URL:</span> ${escapeHtml(item.url)}</div>
+                        <div><span class="queue-detail-label">${escapeHtml(UI_TEXT.queue.detailStreamer)}</span> ${escapeHtml(item.streamer)}</div>
+                        <div><span class="queue-detail-label">${escapeHtml(UI_TEXT.queue.detailDuration)}</span> ${escapeHtml(item.duration_str)}</div>
+                        <div><span class="queue-detail-label">${escapeHtml(UI_TEXT.queue.detailDate)}</span> ${escapeHtml(new Date(item.date).toLocaleString())}</div>
                         ${renderQueueItemFileActions(item)}
                     </div>
                 </div>
-                ${item.status === 'error' ? `<span class="queue-retry-btn" title="${escapeHtml(UI_TEXT.queue.retryItem)}" onclick="retryQueueItem('${item.id}')" style="cursor:pointer; color: var(--text-secondary); font-size:14px; padding: 0 6px;">&#x21bb;</span>` : ''}
+                ${item.status === 'error' ? `<button class="queue-retry-btn" title="${escapeHtml(UI_TEXT.queue.retryItem)}" onclick="retryQueueItem('${item.id}')">&#x21bb;</button>` : ''}
                 <span class="remove" onclick="removeFromQueue('${item.id}')">x</span>
             </div>
         `;

src/styles.css

@@ -859,6 +859,36 @@ select option {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    cursor: pointer;
+}
+
+.queue-detail-label {
+    color: var(--text-secondary);
+    font-weight: 500;
+    margin-right: 4px;
+}
+
+.queue-retry-btn {
+    background: transparent;
+    border: 1px solid var(--border-soft);
+    border-radius: 6px;
+    color: var(--text-secondary);
+    cursor: pointer;
+    padding: 4px 8px;
+    font-size: 14px;
+    line-height: 1;
+    align-self: center;
+    transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.12s;
+}
+
+.queue-retry-btn:hover {
+    background: rgba(145, 70, 255, 0.18);
+    border-color: rgba(145, 70, 255, 0.55);
+    color: #fff;
+}
+
+.queue-retry-btn:active {
+    transform: scale(0.92);
 }
 
 .queue-main {