diff --git a/src/index.css b/src/index.css index b57b097..9c5206f 100644 --- a/src/index.css +++ b/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 { /*