From e7d5dd8b1eb4ea99d2fea25ad141b72b0e4f96f5 Mon Sep 17 00:00:00 2001
From: Marco <marco.kunitz@googlemail.com>
Date: Thu, 30 Jul 2026 21:58:51 +0000
Subject: [PATCH] =?UTF-8?q?Revert=20Bestellnummer/Datum=20centering=20?=
 =?UTF-8?q?=E2=80=94=20back=20to=20left-aligned=20columns=201-2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 app/konto/bestellungen/page.tsx | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/app/konto/bestellungen/page.tsx b/app/konto/bestellungen/page.tsx
index 1d02d4f..969aa3b 100644
--- a/app/konto/bestellungen/page.tsx
+++ b/app/konto/bestellungen/page.tsx
@@ -57,24 +57,18 @@ export default async function KontoBestellungenPage() {
                       positioned is a real footgun: the auto-placement
                       cursor for the un-pinned items starts scanning from
                       column 1 again regardless of what's already
-                      explicitly placed elsewhere, so Datum (previously
-                      auto-placed, relying on Bestellnummer's explicit
-                      col-start-2 to "push" it to column 3) actually
-                      landed back in column 1 — same visual bug as before
-                      this whole pass (left-packed, empty space on the
-                      right), just for a different reason than the
-                      original flex-wrap issue. Pinning every cell's row
+                      explicitly placed elsewhere. Pinning every cell's row
                       AND column explicitly removes that ambiguity
-                      entirely. Row 1: Bestellnummer/Datum centered in
-                      columns 2-3 (columns 1 and 4 both empty, symmetric
-                      margins) — each cell's own content still
-                      left-aligned within itself. Row 2: Artikel/Status/
-                      Zahlungsstatus/Gesamtbetrag fill all 4 columns. */}
-                  <div className="flex flex-col gap-1 sm:row-start-1 sm:col-start-2">
+                      entirely. Row 1: Bestellnummer/Datum in columns 1-2,
+                      left-aligned (centering them in columns 2-3 was
+                      tried and reverted — not wanted). Row 2: Artikel/
+                      Status/Zahlungsstatus/Gesamtbetrag fill all 4
+                      columns. */}
+                  <div className="flex flex-col gap-1 sm:row-start-1 sm:col-start-1">
                     <p className="text-label text-text-muted">Bestellnummer</p>
                     <p className="font-bold text-body-sm text-text-primary">{order.orderNumber}</p>
                   </div>
-                  <div className="flex flex-col gap-1 sm:row-start-1 sm:col-start-3">
+                  <div className="flex flex-col gap-1 sm:row-start-1 sm:col-start-2">
                     <p className="text-label text-text-muted">Datum</p>
                     <p className="text-body-sm text-text-primary">{formatDate(order.createdAt)}</p>
                   </div>