fix(services): centre the referral progress stepper on phone - #2103
Conversation
The Search/Shortlist/Compare/Refer dot rail defaulted to justify-start, so on narrow viewports it hugged the left edge with empty space trailing on the right. Centre it below sm and keep the existing left-aligned layout from sm up, matching the rest of the page.
|
You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard. |
|
This pull request has been ignored for the connected project Preview Branches by Supabase. |
|
Warning Review limit reachedYou’ve reached a temporary PR review limit under our Fair Usage Limits Policy. Next review available in: 7 minutes Limit details: You’ve used all 1 included review currently available under your plan. You completed 101 included PR reviews in the past 7 days; at that activity level, included reviews refill at 1 review per hour. Your organization has reached its usage spending cap. Adjust your spending cap in the billing tab. How can I continue?After more reviews become available, a review can be triggered using the To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews. How do review limits work?CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability. For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window. Please refer docs for additional details. Review details⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (2)
Comment |
…ing) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Summary
ServiceReferralProgresson/services) defaulted tojustify-start, so on narrow phone viewports it hugged the left edge with empty space trailing on the right — asymmetrical.justify-centeron the row withsm:justify-startto restore the existing left-aligned layout fromsmup, so desktop is unchanged and only the phone layout is affected.Verification
npm run verify:pr-local— completed in two passes because the first attempt hitBUILD_REFUSED_DEV_SERVER(a local dev server I'd left running for manual QA); stopped it and reran the remaining steps.check:runtime,check:installed-lock-parity,format:changed,lint,typecheck— cleantest— 7091 passed, 4 skipped (663 files)build— succeededcheck:rag:fixtures— 36 golden cases / 26 suites passed (unrelated to this change; included by the standard PR-local plan)check:medication-interactions,check:medication-lexicon-report— up to date (unrelated to this change; included by the standard PR-local plan)npm run verify:ui— not run. This is a single Tailwind class change on one already-tested page (no shared UI foundation touched); manually confirmed at a 390px viewport againstnpm run ensurethat the row now centers on phone and stays left-aligned fromsmup.Risk and rollout
Notes
mainand this one unmerged commit was replayed on top, then force-pushed (with explicit user confirmation) to replace the branch's stale, already-merged history.Generated by Claude Code