Offene Punkte: was fehlt und was folgt nebeneinander, statt auf halber Breite zu enden

resources/views/livewire/admin/open-work.blade.php

@@ -64,15 +64,34 @@
                                      beantworten. --}}
                                 <p class="font-medium text-ink">{{ $item['title'] }}</p>
 
-                                {{-- Was fehlt, dann die Folge. Die Folge zuletzt,
+                                {{-- Zwei Spalten, sobald Platz da ist.
-                                     weil sie den Satz ist, der über die
+
-                                     Reihenfolge entscheidet — und der letzte
+                                     Beide Absätze standen untereinander mit
-                                     bleibt hängen. --}}
+                                     `max-w-[76ch]`. Das Layout erlaubt aber
-                                <p class="mt-1 max-w-[76ch] text-sm text-muted">{{ $item['missing'] }}</p>
+                                     1320 px, die Karte ist also über 1200 px
-                                <p class="mt-1 max-w-[76ch] text-sm {{ $state === App\Support\OpenWork::SOLD ? 'text-danger' : 'text-body' }}">
+                                     breit — der Text endete in der Mitte und
-                                    <span class="text-muted">{{ __('open_work.risk') }}:</span> {{ $item['risk'] }}
+                                     rechts blieb die halbe Karte leer.
-                                </p>
+
-                                <p class="mt-1 font-mono text-xs text-faint break-all">{{ $item['where'] }}</p>
+                                     Die Grenze ganz wegzunehmen wäre die
+                                     falsche Antwort: über die volle Breite
+                                     wären es rund 165 Zeichen je Zeile, und
+                                     eine Zeile, deren Anfang man beim Umbruch
+                                     nicht mehr findet, liest niemand. Zwei
+                                     Spalten füllen die Breite UND halten jede
+                                     Spalte in der lesbaren Länge.
+
+                                     Und sie passen inhaltlich: „was fehlt" ist
+                                     eine Beschreibung, „wenn es so bleibt"
+                                     eine Folge. Nebeneinander sieht man den
+                                     Unterschied. --}}
+                                <div class="mt-1 grid gap-x-10 gap-y-1 lg:grid-cols-2">
+                                    <p class="text-sm text-muted">{{ $item['missing'] }}</p>
+                                    <p class="text-sm {{ $state === App\Support\OpenWork::SOLD ? 'text-danger' : 'text-body' }}">
+                                        <span class="text-muted">{{ __('open_work.risk') }}:</span> {{ $item['risk'] }}
+                                    </p>
+                                </div>
+
+                                <p class="mt-1.5 font-mono text-xs text-faint break-all">{{ $item['where'] }}</p>
                             </div>
                         </li>
                     @endforeach

tests/Feature/Admin/OpenWorkTest.php

@@ -97,3 +97,16 @@ it('folgt der Formensprache der Bereitschaftsseite, nicht der eines Formulars',
         ->and($page)->not->toContain('lbl">')
         ->and($page)->not->toContain('min-[901px]:text-[30px]');
 });
+
+it('nutzt die Breite, die das Layout hergibt, statt in der Mitte aufzuhören', function () {
+    // Gegen das AUSGELIEFERTE HTML geprüft, nicht gegen die Blade-Quelle: dort
+    // steht der Klassenname auch im Kommentar, der erklärt, warum er weg ist —
+    // und ein Test, der einen Kommentar liest, prüft nicht, was ankommt.
+    $html = $this->actingAs(admin(), 'operator')->get(route('admin.open-work'))->getContent();
+
+    // Das Layout erlaubt 1320 px. Eine feste Zeichenbreite ließ rechts die
+    // halbe Karte leer; die volle Breite ohne Grenze ergäbe rund 165 Zeichen
+    // je Zeile. Zwei Spalten sind die Antwort auf beides.
+    expect($html)->not->toContain('max-w-[76ch]')
+        ->and($html)->toContain('lg:grid-cols-2');
+});