From 762e081d2b2e319a422cad0b8e55616dc75f3ad0 Mon Sep 17 00:00:00 2001
From: xRangerDE <xRangerDE@24-music.de>
Date: Sat, 23 May 2026 17:33:49 +0200
Subject: [PATCH] =?UTF-8?q?release:=205.0.15=20=E2=80=94=20grauer=20Balken?=
 =?UTF-8?q?=20ueber=20jedem=20VOD-Thumbnail=20gefixt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User-Report: ueber jedem VOD-Bild ein grauer Balken (~16px).

Root Cause (per Playwright-Geometrie-Probe gefunden, nicht geraten):
.vod-select-checkbox war als position:relative gerendert statt absolute.
Die globale Regel
(Spezifitaet 0,0,1,1 = type+attr) schlaegt
(0,0,1,0 = 1 class). Dadurch war die Bulk-Select-Checkbox ein in-flow
Element und belegte als erstes Flex-Item eine 16px-Reihe oben in der
.vod-card -> schob das Thumbnail 16px runter, die 16px Card-Background
waren der 'graue Balken'. Auch width/height wurden auf 16px statt 18px
ueberschrieben.

Fix: Selektor  (0,0,2,1)
schlaegt die globale Regel sauber -> Checkbox wieder position:absolute,
overlay oben-links ueber dem Thumbnail. thumb-wrap relTop 17px -> 1px
(nur noch Border), Card-Hoehe 320 -> 304px.

Verifiziert: Geometrie-Probe (gapCardToWrap 16->~0), Button-Alignment
weiter 0px ueber xqc/papaplatte/xrohat, 219 unit + e2e gruen.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 package-lock.json |  4 ++--
 package.json      |  2 +-
 src/styles.css    | 11 +++++++++--
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4ee8fae..19da948 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "twitch-vod-manager",
-  "version": "5.0.14",
+  "version": "5.0.15",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "5.0.14",
+      "version": "5.0.15",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.16.1",
diff --git a/package.json b/package.json
index 7fe8ec2..bf46de2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "5.0.14",
+  "version": "5.0.15",
   "description": "Twitch VOD Manager - Download Twitch VODs easily",
   "main": "dist/main.js",
   "author": "xRangerDE",
diff --git a/src/styles.css b/src/styles.css
index 9d678ea..bf1f866 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1491,8 +1491,15 @@ select option {
 
 /* The bulk-select checkbox overlaid on each VOD thumbnail top-left.
    Positioned absolutely so it sits over the artwork without affecting
-   the cards flex/info layout. */
-.vod-select-checkbox {
+   the cards flex/info layout.
+   WICHTIG: Selektor MUSS hoehere Spezifitaet haben als die globale
+   `input[type="checkbox"]` Regel (0,0,1,1), sonst gewinnt deren
+   `position: relative` + `width/height:16px` und die Checkbox wird zum
+   in-flow Flex-Item -> belegt eine 16px-Reihe oben in der Card und
+   schiebt das Thumbnail runter (grauer Balken ueber jedem VOD-Bild,
+   gemeldet in 5.0.14). `input[type="checkbox"].vod-select-checkbox`
+   = (0,0,2,1) schlaegt die globale Regel sauber. */
+input[type="checkbox"].vod-select-checkbox {
     position: absolute;
     top: 8px;
     left: 8px;