fix(ui): Umschalter auf dem Handy in allen Themes nicht mehr gequetscht

Den Fix aus dem Theme Mobile unter der sm-Grenze (40rem) fuer alle Themes:
Segmented bekommt min-width: max-content, Knoepfe mit Symbol zeigen nur das
Symbol. Ab sm stehen die Umschalter mit flex-none, Desktop und Tablet
bleiben unveraendert.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/index.css

@@ -1089,6 +1089,25 @@ html.theme-mobile .inline-grid > button[aria-pressed]:has(> svg) {
   font-size: 0;
 }
 
+/*
+ * Dasselbe fuer alle anderen Themes, aber nur auf dem Handy: gequetscht wird
+ * nur unterhalb der sm-Grenze (40rem), wo die Werkzeugleiste die Umschalter
+ * mit flex-1 auf volle Breite zieht. Ab sm stehen sie mit flex-none und
+ * behalten ihre Breite - Desktop und Tablet bleiben also, wie sie sind.
+ * Das Polster muss hier nicht korrigiert werden: ausserhalb von Mobile gilt
+ * --spacing 0.25rem, p-1 passt dort schon zum Marker.
+ */
+@media (width < 40rem) {
+  .inline-grid:has(> button[aria-pressed]) {
+    min-width: max-content;
+  }
+
+  .inline-grid > button[aria-pressed]:has(> svg) {
+    gap: 0;
+    font-size: 0;
+  }
+}
+
 @layer base {
   :root {
     /*