From 26827904db82b3f3faa03da264626511ada0f7ba Mon Sep 17 00:00:00 2001 From: odweta Date: Thu, 10 Sep 2026 18:17:46 +0200 Subject: [PATCH] Center sign-in card content while keeping text left-aligned The card's content (title, intro, form) hugged the left edge instead of sitting centered within the wider card. Make .auth-card a centered flex column so each element centers as a block, while individual elements keep their own text-align: left. The eyebrow label stays pinned to the left edge via align-self. The title's two-line layout is unaffected. Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com> --- app/src/static/style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/app/src/static/style.css b/app/src/static/style.css index d7c4761..a83f2e7 100644 --- a/app/src/static/style.css +++ b/app/src/static/style.css @@ -33,6 +33,9 @@ body { } .auth-card { + display: flex; + flex-direction: column; + align-items: center; width: min(100%, 760px); padding: clamp(1.75rem, 4vw, 3.25rem) clamp(1.75rem, 6vw, 4.5rem); background: var(--paper); @@ -42,6 +45,7 @@ body { } .eyebrow { + align-self: flex-start; margin: 0 0 0.75rem; color: var(--blue); font-size: 0.75rem; -- 2.54.0