Version 1.10.2 — eine Leiste, die nicht schrumpfen darf, laeuft irgendwann ueber

Der Festnageln-Knopf stand weiter rechts als der Bildschirm hergibt. Zweiter
Anlauf am selben Fehler: Ich hatte shrink-0 von sm auf lg verschoben, statt es zu
entfernen. Bei 1024 px nimmt die Seitenleiste 248 — fuer zwei Knoepfe, ein
Auswahlfeld und Festnageln bleibt zu wenig.

shrink-0 ist jetzt ganz weg. flex-wrap allein genuegt: passt es nebeneinander,
steht es nebeneinander; passt es nicht, bricht es um. Keine geratene
Breakpoint-Zahl mehr, die beim naechsten Geraet wieder danebenliegt.

148 Layout-Tests gruen.

VERSION

@@ -1 +1 @@
-1.10.1
+1.10.2

resources/views/livewire/admin/settings.blade.php

@@ -154,7 +154,18 @@
                              natuerlichen Breite unter dem Text stehen — zwei
                              ungleich breite Kaesten, linksbuendig, die aussahen wie
                              verrutscht statt wie eine Gruppe. --}}
-                        <div class="flex w-full flex-wrap items-center gap-2 lg:w-auto lg:shrink-0">
+                        {{-- KEIN shrink-0. Die Leiste traegt vier Elemente — zwei Knoepfe, das
+                             Auswahlfeld und Festnageln —, und eine Reihe, die nicht
+                             schrumpfen darf, laeuft irgendwann ueber den Rand. Das ist
+                             hier zweimal passiert: erst ab sm (Tablet), dann ab lg,
+                             weil die Seitenleiste 248 px vom Fenster nimmt und 1024
+                             minus 248 fuer vier Elemente nicht reicht.
+
+                             `flex-wrap` allein genuegt: passt es nebeneinander, steht
+                             es nebeneinander; passt es nicht, bricht es um. Eine
+                             Breakpoint-Zahl, die man raet, ist immer die naechste, die
+                             daneben liegt. --}}
+                        <div class="flex w-full flex-wrap items-center gap-2 lg:w-auto">
                             @if ($update['running'])
                                 <x-ui.button class="w-full lg:w-auto" variant="secondary" :disabled="true">
                                     <x-ui.icon name="refresh" class="size-4 animate-spin" />