mirror of
https://github.com/supabase/supabase.git
synced 2026-10-09 11:25:06 +03:00
The previous round's items-start fix aligned the two cards relative to EACH OTHER (proven equal, but only proves top===center===bottom trivially) — it never addressed the real complaint: the whole OG+Thumb row sat pinned near the top of the canvas with dead space below on wide/tall screens. Wrapped the row in a flex-1 container that centers it (@4xl:items-center @4xl:justify-center) within the space remaining below the view toggle. Since flex items don't shrink below their content size, an overflowing row still just grows the wrapper rather than clipping (avoids the classic flex-center-clips-on-overflow bug). Verified via getBoundingClientRect: 186.1px of space above and below the row, exactly equal. OG info panel: prefixed "Headline:" at the start, moved the fit-mode indicator to right after the font size and reworded it to "(auto on)" (shown only when auto-fit is active), and prefixed "WCAG:" before the contrast score. Reads as "Headline: 64px (auto on) · 2 lines · WCAG: 16.3:1 AAA". Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>