Bug: Sign-in and registration page logos not centered — playground styles never ported #163

New issue

Closed

opened 2026-03-28 22:55:44 +00:00 by forgejo_admin · 0 comments

forgejo_admin commented

2026-03-28 22:55:44 +00:00

Owner

Type

Bug

Lineage

Standalone — discovered during visual validation of sign-in and registration pages.

Repo

forgejo_admin/westside-landing

What Broke

Logos on /signin and /register pages are left-aligned instead of centered. The playground prototype at westside-playground/shared/style.css has complete signin/register styles with margin: 0 auto 1rem for centering, but these were never ported to app.css in the SvelteKit app.

Key missing CSS: .signin-logo and .reg-logo need margin: 0 auto 1rem; display: block; to center within their parent containers.

Repro Steps

Navigate to /signin — logo appears left-aligned on wider viewports
Navigate to /register — logo is clearly left-aligned, not centered
Compare to playground prototype — playground has correct centering

Expected Behavior

Logos centered on both pages, matching playground prototype.

Environment

Cluster/namespace: prod
Source of truth: westside-playground/shared/style.css lines 2668-2876 (signin), 1852-1876 (register)

Acceptance Criteria

Signin page logo centered with red border ring (matching playground)
Register page logo centered at 150px width (matching playground)
Full signin/register CSS sections ported from playground to app.css
No regression on other pages
Mobile (390px) and desktop both correct

project-westside-basketball
feedback_svelte_is_html — playground to production is literal copy-paste

### Type Bug ### Lineage Standalone — discovered during visual validation of sign-in and registration pages. ### Repo `forgejo_admin/westside-landing` ### What Broke Logos on `/signin` and `/register` pages are left-aligned instead of centered. The playground prototype at `westside-playground/shared/style.css` has complete signin/register styles with `margin: 0 auto 1rem` for centering, but these were never ported to `app.css` in the SvelteKit app. Key missing CSS: `.signin-logo` and `.reg-logo` need `margin: 0 auto 1rem; display: block;` to center within their parent containers. ### Repro Steps 1. Navigate to `/signin` — logo appears left-aligned on wider viewports 2. Navigate to `/register` — logo is clearly left-aligned, not centered 3. Compare to playground prototype — playground has correct centering ### Expected Behavior Logos centered on both pages, matching playground prototype. ### Environment - Cluster/namespace: prod - Source of truth: `westside-playground/shared/style.css` lines 2668-2876 (signin), 1852-1876 (register) ### Acceptance Criteria - [ ] Signin page logo centered with red border ring (matching playground) - [ ] Register page logo centered at 150px width (matching playground) - [ ] Full signin/register CSS sections ported from playground to app.css - [ ] No regression on other pages - [ ] Mobile (390px) and desktop both correct ### Related - `project-westside-basketball` - `feedback_svelte_is_html` — playground to production is literal copy-paste