package-lock.json

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

package.json

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

src/renderer-queue.ts

@@ -186,12 +186,27 @@ function showQueueContextMenu(x: number, y: number, item: QueueItem): void {
 
     const menu = document.createElement('div');
     menu.className = 'queue-context-menu';
+    menu.style.position = 'fixed';
+    menu.style.zIndex = '9999';
+    menu.style.background = 'var(--bg-card)';
+    menu.style.border = '1px solid var(--border-soft)';
+    menu.style.borderRadius = '6px';
+    menu.style.boxShadow = '0 4px 12px rgba(0,0,0,0.4)';
+    menu.style.padding = '4px';
+    menu.style.minWidth = '200px';
 
     const makeItem = (label: string, onClick: () => void, disabled = false): HTMLElement => {
         const el = document.createElement('div');
         el.textContent = label;
-        el.className = 'queue-context-menu-item' + (disabled ? ' disabled' : '');
+        el.style.padding = '8px 12px';
+        el.style.cursor = disabled ? 'not-allowed' : 'pointer';
+        el.style.fontSize = '13px';
+        el.style.color = disabled ? 'var(--text-secondary)' : 'var(--text)';
+        el.style.borderRadius = '4px';
+        el.style.opacity = disabled ? '0.55' : '1';
         if (!disabled) {
+            el.addEventListener('mouseenter', () => { el.style.background = 'rgba(145,70,255,0.15)'; });
+            el.addEventListener('mouseleave', () => { el.style.background = 'transparent'; });
             el.addEventListener('click', () => {
                 try { onClick(); } finally { closeQueueContextMenu(); }
             });
@@ -201,7 +216,9 @@ function showQueueContextMenu(x: number, y: number, item: QueueItem): void {
 
     const makeSeparator = (): HTMLElement => {
         const sep = document.createElement('div');
-        sep.className = 'queue-context-menu-separator';
+        sep.style.height = '1px';
+        sep.style.margin = '4px 6px';
+        sep.style.background = 'var(--border-soft)';
         return sep;
     };
 

src/styles.css

@@ -4409,44 +4409,3 @@ input[type="number"]::-webkit-outer-spin-button {
         scroll-behavior: auto !important;
     }
 }
-
-/* ============================================
-   QUEUE CONTEXT MENU — right-click on a queue row
-   ============================================
-   Previously every property was inline-styled in renderer-queue.ts.
-   left/top stay inline (set per-click); everything else lives here. */
-.queue-context-menu {
-    position: fixed;
-    z-index: 9999;
-    background: var(--bg-card);
-    border: 1px solid var(--border-soft);
-    border-radius: 6px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
-    padding: 4px;
-    min-width: 200px;
-}
-
-.queue-context-menu-item {
-    padding: 8px 12px;
-    cursor: pointer;
-    font-size: 13px;
-    color: var(--text);
-    border-radius: 4px;
-    transition: background 0.12s;
-}
-
-.queue-context-menu-item:hover:not(.disabled) {
-    background: rgba(145, 70, 255, 0.15);
-}
-
-.queue-context-menu-item.disabled {
-    color: var(--text-secondary);
-    opacity: 0.55;
-    cursor: not-allowed;
-}
-
-.queue-context-menu-separator {
-    height: 1px;
-    margin: 4px 6px;
-    background: var(--border-soft);
-}