Conversation
Issue #313. The 48px uppercase heading was the largest object on the page and compressed the ranking it names; worse, the wrapped title filled its whole max-width box, so the blue (i) rendered hundreds of pixels away with no anchor. Half scale fits the title on one line, letting flexbox place the toggle immediately after the last glyph, and flex-wrap stacks them on narrow screens instead of drifting.
Codex Review SummaryThis comment shows the latest Codex review activity on this pull request.
ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings. |
ktwu01
left a comment
There was a problem hiding this comment.
Thanks for preserving this fix. Current already contains the #313 behavior: the heading row wraps, and both leaderboard headings use the reduced scale with the info control anchored in the same flex row.\n\nMerging this older branch now produces conflicts in the stylesheet and leaderboard test file. Since the requested behavior is already live on , I recommend closing this PR as superseded rather than resolving and merging it.
ktwu01
left a comment
There was a problem hiding this comment.
Formatting correction to my comment above:
Current main already contains the #313 behavior: the heading row wraps, and both leaderboard headings use the reduced clamp(1.25rem, 2vw, 1.5rem) scale with the info control anchored in the same flex row. Merging this older branch now produces conflicts in the stylesheet and leaderboard test file.
Since the requested behavior is already live on main, I recommend closing this PR as superseded rather than resolving and merging it.
Issue #313. The 48px uppercase heading was the largest object on the page and compressed the ranking it names; worse, the wrapped title filled its whole max-width box, so the blue (i) rendered hundreds of pixels away with no anchor. Half scale fits the title on one line, letting flexbox place the toggle immediately after the last glyph, and flex-wrap stacks them on narrow screens instead of drifting.