BarCombo Caret: right 9px → 2px, klebt jetzt am Gear

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 <noreply@anthropic.com>

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,
           }}