Fix passenger list alignment

This commit is contained in:
Roba Boru
2026-08-24 18:14:10 +03:00
parent 1abfbc1ceb
commit 5c2100e76d

View File

@@ -968,7 +968,7 @@ function GroupBookingPageContent() {
<div className="px-4 pt-4 pb-3">
<h3 className="text-sm font-semibold uppercase tracking-wider text-muted-foreground">Passenger List</h3>
</div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 px-4 pb-4">
<div className="grid grid-cols-3 gap-3 px-4 pb-4">
{booking.seats.map((s, i) => (
<div key={i} className="flex items-center gap-3 rounded-lg border border-border p-3">
<div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10 font-mono text-xs font-bold text-primary">