Center sign-in card content while keeping text left-aligned #14

2026-09-10T18:17:47+02:00

odweta commented

2026-09-10 18:17:47 +02:00

(Migrated from github.com)

Follow-up to #13. After widening the sign-in card, its content (title, intro, form) hugged the left edge instead of sitting centered within the wider card.

Changes:

Turn .auth-card into a centered flex column so each block-level element (title, intro, form) centers as a whole on the card
Each element keeps its own text-align: left internally (labels, inputs, buttons read left-to-right as before)
The eyebrow label stays pinned to the left edge via align-self: flex-start, unaffected by the new centering
The title's two-line layout from #13 is unchanged

Follow-up to #13. After widening the sign-in card, its content (title, intro, form) hugged the left edge instead of sitting centered within the wider card. **Changes:** - Turn `.auth-card` into a centered flex column so each block-level element (title, intro, form) centers as a whole on the card - Each element keeps its own `text-align: left` internally (labels, inputs, buttons read left-to-right as before) - The eyebrow label stays pinned to the left edge via `align-self: flex-start`, unaffected by the new centering - The title's two-line layout from #13 is unchanged

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: odweta/fakturovac#14