From 4624fb305a6357a73912ab1523364af5149d86a4 Mon Sep 17 00:00:00 2001 From: Arthur Belleville Date: Sat, 16 May 2026 19:18:58 +0200 Subject: [PATCH] fix(14-02): load Roboto font and fix Google button SVG icon sizing Per Google's branding guidelines, the gsi-material-button requires Roboto Medium. Add Google Fonts preconnect + stylesheet link to AuthLayout head. Also add display:block + 100% dimensions to the SVG inside the icon container to prevent inline baseline gaps. Co-Authored-By: Claude Sonnet 4.6 (1M context) --- backend/internal/web/ui/auth.css | 6 ++++++ backend/templates/auth_layout.templ | 3 +++ 2 files changed, 9 insertions(+) diff --git a/backend/internal/web/ui/auth.css b/backend/internal/web/ui/auth.css index dad3634..0c843a0 100644 --- a/backend/internal/web/ui/auth.css +++ b/backend/internal/web/ui/auth.css @@ -294,6 +294,12 @@ width: 20px; } +.gsi-material-button .gsi-material-button-icon svg { + display: block; + height: 100%; + width: 100%; +} + .gsi-material-button .gsi-material-button-content-wrapper { align-items: center; display: flex; diff --git a/backend/templates/auth_layout.templ b/backend/templates/auth_layout.templ index 6a7103e..caed3e2 100644 --- a/backend/templates/auth_layout.templ +++ b/backend/templates/auth_layout.templ @@ -19,6 +19,9 @@ templ AuthLayout(title string, csrfToken string) { { title } + + +