From 098d2c6a58119a8219934c657b0314d928257513 Mon Sep 17 00:00:00 2001
From: xRangerDE <xRangerDE@24-music.de>
Date: Tue, 19 May 2026 04:19:22 +0200
Subject: [PATCH] =?UTF-8?q?release:=205.0.7=20=E2=80=94=20Checkbox-Breite?=
 =?UTF-8?q?=20fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.form-group input[type='checkbox'] hatte width:auto, das die 16x16 aus
der globalen Regel ueberschrieben hat (Klassen-Specificity > Type-
Specificity). Vor 5.0.6 unsichtbar weil der rotated-border-Checkmark
absolut positioniert war und keine Box-Breite brauchte. Mit dem 5.0.6
inline-SVG-Checkmark brauchts echte Breite — daher in den Settings
plotzlich nur noch 1-2px schmale Vertikalstreifen sichtbar statt
echter Checkboxen.

Fix: width:16px explicit in der .form-group-Regel, behaelt die globale
Groesse bei.

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

diff --git a/package-lock.json b/package-lock.json
index 63baccd..0da8823 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "twitch-vod-manager",
-  "version": "5.0.6",
+  "version": "5.0.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "5.0.6",
+      "version": "5.0.7",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",
diff --git a/package.json b/package.json
index 10a53a1..b0c7000 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "5.0.6",
+  "version": "5.0.7",
   "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 cdc26d5..083142b 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1792,7 +1792,11 @@ select option {
 
 .form-group input[type="checkbox"],
 .form-group input[type="radio"] {
-    width: auto;
+    /* width:auto wuerde Checkbox auf 0/1px kollabieren, weil
+       appearance:none + kein Content. Wir wollen die 16x16 aus der
+       globalen Regel — daher explicit width:16px hier nochmal, damit
+       die Klassen-Specificity nicht den globalen Wert ueberschreibt. */
+    width: 16px;
 }
 
 .language-picker {