diff --git a/README.md b/README.md index d5d1e5d..9f0cc17 100644 --- a/README.md +++ b/README.md @@ -2146,11 +2146,11 @@ Went through several rounds of visual feedback: columns there. The 6 fields in DOM order already tile cleanly into 3 rows of 2 (Bestellnummer/Datum, Artikel/Status, Zahlungsstatus/Gesamtbetrag) without any reordering. -- Bestellnummer/Datum additionally span both tracks of that 2-column - layout (`col-span-2 min-[500px]:col-span-1`) so the long order number - doesn't wrap on very narrow phones — but must drop back to - `col-span-1` once 4 columns kick in, since spanning 2 of 4 tracks - there would push Datum to start at the 3rd column instead of the 2nd. +- Bestellnummer/Datum deliberately stay at `col-span-1` in both the + 2-column and 4-column layouts, side by side even below 500px — a + brief `col-span-2` experiment (own full-width row each, to avoid the + order number wrapping on very narrow phones) was reverted since it + read worse than the occasional wrap. - Artikel forces `col-start-1` so it wraps to its own row in the 4-column layout instead of Grid's auto-placement flowing it into the 2 cells left empty in row 1 after Bestellnummer/Datum (a harmless no-op diff --git a/app/konto/bestellungen/page.tsx b/app/konto/bestellungen/page.tsx index 908e3c9..c0ae6cf 100644 --- a/app/konto/bestellungen/page.tsx +++ b/app/konto/bestellungen/page.tsx @@ -64,21 +64,19 @@ export default async function KontoBestellungenPage() { container width, identical on every card regardless of content, which is what actually guarantees the "always starts at the same position" alignment. - Bestellnummer/Datum span both tracks of the 2-column - layout (own full-width row each) so the long order - number doesn't wrap on very narrow phones, but drop - to col-span-1 once 4 columns kick in — spanning 2 of - 4 tracks there would push Datum to start at the 3rd - column instead of the 2nd. Artikel forces col-start-1 + Bestellnummer/Datum deliberately do NOT span 2 + tracks in the 2-column layout — that would stack + them into their own full-width row each instead of + keeping them side by side. Artikel forces col-start-1 so it wraps to its own row in the 4-column layout instead of Grid auto-flowing it into the 2 empty cells left in row 1 (harmless no-op in the 2-column layout, where it's already first in row 2 anyway). */} -
Bestellnummer
{order.orderNumber}
Datum
{formatDate(order.createdAt)}