package-lock.json

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

package.json

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

src/renderer-archive.ts

@@ -110,13 +110,15 @@ function renderArchiveSearchResults(result: ArchiveSearchResult): void {
     }
 
     if (result.hits.length === 0) {
-        applyArchiveHtml(resultsEl, `<div class="archive-no-matches">${escapeArchiveHtml(UI_TEXT.static.archiveNoMatches || 'Keine Treffer.')}</div>`);
+        applyArchiveHtml(resultsEl, `<div style="color: var(--text-secondary); padding: 12px;">${escapeArchiveHtml(UI_TEXT.static.archiveNoMatches || 'Keine Treffer.')}</div>`);
         return;
     }
 
     const rows = result.hits.map((hit) => {
         const date = new Date(hit.mtimeMs).toLocaleString();
-        const typeBadge = `<span class="archive-type-badge ${hit.type === 'live' ? 'live' : 'vod'}">${hit.type === 'live' ? 'LIVE' : 'VOD'}</span>`;
+        const typeBadge = hit.type === 'live'
+            ? `<span style="background: rgba(255,68,68,0.18); color: #ff4444; font-size: 10px; font-weight:700; padding: 2px 6px; border-radius: 3px;">LIVE</span>`
+            : `<span style="background: rgba(145,70,255,0.18); color: #9146ff; font-size: 10px; font-weight:700; padding: 2px 6px; border-radius: 3px;">VOD</span>`;
         const safeFullAttr = hit.fullPath.replace(/\\/g, '\\\\').replace(/'/g, "\\'");
         const chatBtn = hit.chatPath
             ? `<button class="queue-detail-btn" onclick="openEventsOrChat('${safeFullAttr.replace(/\.(mp4|mkv|ts|m4v)$/i, '.chat.jsonl')}', '${escapeArchiveHtml(hit.fileName)}', 'chat')">${escapeArchiveHtml(UI_TEXT.static.archiveViewChat || 'Chat')}</button>`
@@ -125,17 +127,17 @@ function renderArchiveSearchResults(result: ArchiveSearchResult): void {
             ? `<button class="queue-detail-btn" onclick="openEventsOrChat('${(hit.eventsPath || '').replace(/\\/g, '\\\\').replace(/'/g, "\\'")}', '${escapeArchiveHtml(hit.fileName)}', 'events')">${escapeArchiveHtml(UI_TEXT.static.archiveViewEvents || 'Events')}</button>`
             : '';
         return `
-            <div class="archive-result-row">
-                <div class="archive-result-body">
-                    <div class="archive-result-meta">
+            <div style="display:flex; padding: 10px 8px; border-bottom: 1px solid var(--border-soft); gap: 10px; align-items: center;">
+                <div style="flex: 1; min-width: 0;">
+                    <div style="display:flex; gap: 8px; align-items: center; margin-bottom: 4px;">
                         ${typeBadge}
-                        <strong class="archive-result-streamer">${escapeArchiveHtml(hit.streamer)}</strong>
-                        <span class="archive-result-date">${escapeArchiveHtml(date)}</span>
+                        <strong style="color: var(--text);">${escapeArchiveHtml(hit.streamer)}</strong>
+                        <span style="font-size: 12px; color: var(--text-secondary);">${escapeArchiveHtml(date)}</span>
                     </div>
-                    <div class="archive-result-filename" title="${escapeArchiveHtml(hit.fullPath)}">${escapeArchiveHtml(hit.fileName)}</div>
-                    <div class="archive-result-size">${escapeArchiveHtml(formatBytesForArchive(hit.size))}</div>
+                    <div style="font-size: 13px; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="${escapeArchiveHtml(hit.fullPath)}">${escapeArchiveHtml(hit.fileName)}</div>
+                    <div style="font-size: 11px; color: var(--text-secondary); margin-top: 2px;">${escapeArchiveHtml(formatBytesForArchive(hit.size))}</div>
                 </div>
-                <div class="archive-result-actions">
+                <div style="display:flex; flex-direction: column; gap: 4px; flex-shrink: 0;">
                     <button class="queue-detail-btn" onclick="openFilePath('${safeFullAttr}')">${escapeArchiveHtml(UI_TEXT.static.archiveOpen || 'Oeffnen')}</button>
                     <button class="queue-detail-btn" onclick="showFileInFolder('${safeFullAttr}')">${escapeArchiveHtml(UI_TEXT.static.archiveShowInFolder || 'Ordner')}</button>
                     ${chatBtn}

src/styles.css

@@ -2116,98 +2116,6 @@ select option {
     margin-top: 10px;
 }
 
-/* ============================================
-   ARCHIVE SEARCH RESULTS — row layout
-   ============================================
-   Replaces ~10 inline-styled divs in renderer-archive's row template
-   with reusable classes. Hover background scoped to the row so the
-   list scans as a real interactive list. */
-.archive-no-matches {
-    color: var(--text-secondary);
-    padding: 12px;
-}
-
-.archive-result-row {
-    display: flex;
-    padding: 10px 8px;
-    border-bottom: 1px solid var(--border-soft);
-    gap: 10px;
-    align-items: center;
-    transition: background 0.12s;
-}
-
-.archive-result-row:hover {
-    background: rgba(255, 255, 255, 0.03);
-}
-
-.archive-result-row:last-child {
-    border-bottom: none;
-}
-
-.archive-result-body {
-    flex: 1;
-    min-width: 0;
-}
-
-.archive-result-meta {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-    margin-bottom: 4px;
-    flex-wrap: wrap;
-}
-
-.archive-result-streamer {
-    color: var(--text);
-}
-
-.archive-result-date {
-    font-size: 12px;
-    color: var(--text-secondary);
-    font-variant-numeric: tabular-nums;
-}
-
-.archive-result-filename {
-    font-size: 13px;
-    color: var(--text);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.archive-result-size {
-    font-size: 11px;
-    color: var(--text-secondary);
-    margin-top: 2px;
-    font-variant-numeric: tabular-nums;
-}
-
-.archive-result-actions {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    flex-shrink: 0;
-}
-
-/* Type pill — LIVE / VOD chip in the archive row's meta line. */
-.archive-type-badge {
-    font-size: 10px;
-    font-weight: 700;
-    padding: 2px 6px;
-    border-radius: 3px;
-    letter-spacing: 0.3px;
-}
-
-.archive-type-badge.live {
-    background: rgba(255, 68, 68, 0.18);
-    color: #ff4444;
-}
-
-.archive-type-badge.vod {
-    background: rgba(145, 70, 255, 0.18);
-    color: #9146ff;
-}
-
 /* Old generic scrollbar rules were dead — superseded by the
    purple-themed *::-webkit-scrollbar block further down the file.
    Removed to avoid confusion when someone greps for scrollbar styles. */