enter.html: hero fills full height — fix empty bottom strip / single-page layout #17

Merged

Cordy merged 2 commits from fix/enter-fullheight into main

2026-08-26 22:03:25 +00:00

Cordy commented

2026-08-26 22:03:13 +00:00

Owner

Removes align-self:start from .brandpanel. With it, the hero was capped at 100vh while the form column could make the grid row taller (e.g. when the sign-in error box appears), leaving an empty, slightly-different-shade strip below the hero — the "empty bottom bar." Now the hero stretches to the full row height, so both columns fill uniformly and there's no stray strip. The .panels shared-cell already keeps the form column's height constant across the tab views, so the hero's contour/pin stay consistent; only a transient error message shifts it, which is fine.

(The adjacent CSS comment still references the old align-self:start rationale — stale but harmless; can tidy on a later pass.)

One line; node --check on the page scripts passes.

Removes `align-self:start` from `.brandpanel`. With it, the hero was capped at `100vh` while the form column could make the grid row taller (e.g. when the sign-in error box appears), leaving an empty, slightly-different-shade strip below the hero — the "empty bottom bar." Now the hero stretches to the full row height, so both columns fill uniformly and there's no stray strip. The `.panels` shared-cell already keeps the form column's height constant across the tab views, so the hero's contour/pin stay consistent; only a transient error message shifts it, which is fine. (The adjacent CSS comment still references the old `align-self:start` rationale — stale but harmless; can tidy on a later pass.) One line; `node --check` on the page scripts passes.

Cordy added 2 commits

2026-08-26 22:03:14 +00:00