From b0badbbda66b76b079f6ec4d54df8d66b7aafff1 Mon Sep 17 00:00:00 2001 From: karim Date: Wed, 20 May 2026 23:24:07 +0200 Subject: [PATCH] =?UTF-8?q?BarCombo=20Caret:=20right=209px=20=E2=86=92=202?= =?UTF-8?q?px,=20klebt=20jetzt=20am=20Gear?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit User: Caret-Abstand zum Gear soll symmetrisch zum Abstand vom Gear zum rechten Pill-Rand sein. Vorher saß der Caret 9px links vom Gear, der Gear 8px vom rechten Pill-Rand → asymmetrisch (caret-to-gear groesser als gear-to-edge). Fix: backgroundPosition 'right 2px center'. Caret-Image rechtes Ende 2px vom Select-Rand, Caret-Center ~7px links vom Gear-Button-Linker-Rand, plus 8px Gear-Padding-Left + 6px halbes Gear-Icon = ~13px caret-to-gear- icon. Gear-to-edge = 8+6 = 14px. Symmetrisch. Co-Authored-By: Claude Opus 4.7 --- src/OberleisteApp.jsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/OberleisteApp.jsx b/src/OberleisteApp.jsx index e3bd1e7..17c86de 100644 --- a/src/OberleisteApp.jsx +++ b/src/OberleisteApp.jsx @@ -183,7 +183,10 @@ function BarCombo({ appearance: 'none', WebkitAppearance: 'none', backgroundImage: 'var(--select-arrow)', backgroundRepeat: 'no-repeat', - backgroundPosition: 'right 9px center', + // Caret klebt am rechten Rand des Select-Bereichs (= direkt + // links vom Gear). Mit Gear: symmetrische Abstaende + // caret-to-gear ≈ gear-to-pill-right-edge. + backgroundPosition: 'right 2px center', cursor: disabled ? 'not-allowed' : 'pointer', letterSpacing: 0, }}