xRangerDEandClaude Opus 4.7
a2b7a02db7
renderArchiveSearchResults was building each result row as an HTML template literal carrying ~10 inline-style props per row (flex layouts, padding, border-bottom, font-sizes, secondary text colour, ellipsis truncation, gap...). For a 200-hit search that meant ~2KB of duplicated inline style noise in the DOM and made any visual tweak require editing the renderer. Extracted to a .archive-result-* family in styles.css: - .archive-result-row + hover-tint (table-row scannability — was missing before, every row read flat) - .archive-result-body / -meta / -streamer / -date / -filename / -size / -actions for the column layout - .archive-type-badge with .live + .vod modifiers for the LIVE/VOD pill (was two separate inline-styled spans with hard-coded rgba colours) - .archive-no-matches for the empty-state line Dates + sizes in the row pick up font-variant-numeric: tabular-nums so columns of numbers align even when filenames are different widths. Last-child gets its bottom border dropped so the list doesnt end on a dangling line — same treatment as the storage stats table. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>