fix(web): align sidebar statuses with project names

[RakshithBhat03]

The Woke, Working, and Done badges in sidebar card rows sat about 2px above the project name. The leading SVG established the inline-flex baseline and lifted the status wrapper inside its 20px slot.

The status wrapper is now a flex container with centered children. This keeps the resting badges aligned without changing the existing hover, keyboard-focus, snooze, or settle behavior. The compact settled-row layout already used flex alignment and is unchanged.

Verification

• vp test run apps/web/src/components/Sidebar.logic.test.ts apps/web/src/components/Sidebar.snooze.test.ts apps/web/src/components/threadSidebarWidth.test.ts, 116 passed
• vp run --filter @t3tools/web typecheck
• vp lint apps/web/src/components/Sidebar.tsx
• vp fmt --check apps/web/src/components/Sidebar.tsx
• Tested the status alignment in the local web app.

Screenshots

Woke, before and after:

Done and Working, before and after:

---

Built by GPT-5.6 Sol in T3 Code through the Codex harness.

---

Note

Low Risk
Single Tailwind class on a presentational wrapper in Sidebar.tsx; no logic or interaction changes.

Overview
Sidebar card rows showed Woke, Working, and Done badges sitting slightly above the project name because the status label wrapper did not vertically center its contents inside the fixed h-5 slot.

The change adds flex items-center to that wrapper’s classes so badges and icons align with the project row without altering hover, keyboard-focus, snooze, or settle behavior.

^{Reviewed by Cursor Bugbot for commit d5ee633. Bugbot is set up for automated code reviews on this repo. Configure here.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 7a6e44fe-7955-417f-ae78-405490d8f686

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

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.}

[macroscopeapp]

Approvability

Verdict: Approved at d5ee633

Macroscope's review found this PR approvable — This is a pure CSS styling change adding flexbox alignment classes (flex items-center) to fix visual alignment of sidebar statuses. No runtime behavior is affected.

^{You can add or adjust custom eligibility rules. Learn more.}