diff --git a/backend/templates/kiosk.html b/backend/templates/kiosk.html index 21a2454..2e2fa72 100644 --- a/backend/templates/kiosk.html +++ b/backend/templates/kiosk.html @@ -396,16 +396,15 @@ justify-content: center; } .claim-left { - flex-direction: row; - flex-wrap: wrap; + flex-direction: column; gap: 16px; width: 100%; - align-items: flex-start; + align-items: center; } - .claim-info-card { flex: 1; min-width: 200px; } - .qr-container { flex-shrink: 0; } - .items-card { width: 100%; max-height: 160px; } - .qr-container img { width: 140px; height: 140px; } + .claim-info-card { width: 100%; max-width: 480px; } + .qr-container { align-self: center; } + .items-card { width: 100%; max-width: 480px; max-height: 160px; } + .qr-container img { width: 160px; height: 160px; } .divider { flex-direction: row; } .divider-line { width: 60px; height: 2px; }