fix(devpass): census registry mobile layout

[smakosh]

Problem

On phones, the /data/[year] census registry rows collapsed (screenshot from a real device): the fixed-width score meters shared the first flex line with the flex-1 identity column, squeezing the model name down to ~3 characters ("gem…"), wrapping the "N verified ratings · mostly X" meta line one word per line, and dropping the recommend block into leftover space.

Changes

All in apps/code/src/app/data/[year]/page.tsx, keeping the census/registry document styling intact:

• Stacked filing-card layout below sm: rank stamp + full model name/meta with the "N% recommend" verdict docked top-right, and the three score meters full-width beneath (bars flex-1 on mobile, back to fixed w-24 from sm up). From sm up the existing horizontal ledger row is unchanged.
• Registry header: "Doc. CS-{year}" is shrink-0 whitespace-nowrap so it stays on one line, with slightly tighter heading tracking on mobile so the title no longer wraps mid-token.
• Stats strip: numbers text-2xl and label tracking 0.15em on mobile (up to the original text-3xl/0.2em from sm) so the three columns fit without crowding.

Verification

Verified with Playwright against the locally seeded census: 390px and 320px in dark + light, a long model id (gemini-3.5-flash-preview-06-2026-experimental) for graceful truncation, and 1280px to confirm the desktop layout is pixel-identical. pnpm format and a full pnpm build pass.

https://claude.ai/code/session_01Pxhem1afhLvsxVRhG8XYxF

Summary by CodeRabbit

• Style
  • Improved responsive layout and sizing for census data score meters and model rows.
  • Enhanced mobile and desktop presentation of recommendation percentages.
  • Increased Stats typography for improved readability on larger screens.
  • Refined Registry header spacing and ensured documentation codes remain on one line.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: ac005910-809d-4605-86c7-7f304b7c2521

📥 Commits

Reviewing files that changed from the base of the PR and between 2738009 and 0f6e64a.

📒 Files selected for processing (1)

• apps/code/src/app/data/[year]/page.tsx

---

Walkthrough

The census data page updates responsive layouts for score meters and model rows, adjusts stats typography, and refines registry header spacing and document-code wrapping. Data fetching, routing, and exported page control flow remain unchanged.

Changes

Census data page UI

Layer / File(s)	Summary
Responsive census data presentation apps/code/src/app/data/[year]/page.tsx	Score meters and model rows use responsive flex layouts with separate mobile and desktop recommendation sections. Stats values and registry header styling are also adjusted for responsive presentation.

Estimated code review effort: 2 (Simple) | ~10 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly matches the main change: fixing the census registry mobile layout.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/census-mobile-layout

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}