Polish board and backlog layout alignment

[fakechris]

Summary\n- unify board/backlog toolbar control sizing and alignment\n- prevent the sidebar search trigger from wrapping\n- align header team selection with the new toolbar layout\n\n## Verification\n- pnpm --filter @involute/web typecheck\n- pnpm --filter @involute/web test --run\n- pnpm --filter @involute/web build

---

[coderabbitai]

Warning

Rate limit exceeded

@fakechris has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 47 minutes and 39 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 47 minutes and 39 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 09111d29-b480-45cc-9ecc-10cfc893e4cb

📥 Commits

Reviewing files that changed from the base of the PR and between 351fd06 and 03bef49.

📒 Files selected for processing (7)

• README.md
• docs/current-status.md
• docs/milestones.md
• docs/vision.md
• packages/web/src/routes/BacklogPage.tsx
• packages/web/src/routes/BoardPage.tsx
• packages/web/src/styles/app.css

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feature/web-layout-polish

---

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 and usage tips.}

[gemini-code-assist]

Code Review

This pull request updates the project's documentation and status to reflect the successful deployment to a VPS and the ongoing progress of the M3 web UX redesign. On the technical side, it introduces UI refinements to the board and backlog toolbars by implementing new CSS utility classes for consistent spacing and alignment, adjusting component heights, and improving mobile responsiveness. I have no feedback to provide as there were no review comments to evaluate.

[devin-ai-integration]

Devin Review found 1 potential issue.

View 2 additional findings in Devin Review.

[devin-ai-integration]

🟡 Textarea vertical padding removed, causing text to be flush against top border

The shared sizing rule at packages/web/src/styles/app.css:754-756 changed padding from 10px 12px to 0 12px. This works fine for single-line <input> and <select> elements (browsers vertically center their text within min-height), but .issue-panel__textarea is a <textarea> element where text starts at the top-left. The textarea-specific rule at packages/web/src/styles/app.css:1476-1479 only overrides min-height and resize, so it inherits padding: 0 12px. This means the issue description textarea, create-issue description textarea, and comment textarea all render with text flush against the top border. The .command-palette__input avoids this because it has its own padding: 10px 12px override at packages/web/src/styles/app.css:1612, but no equivalent override exists for .issue-panel__textarea.

(Refers to lines 1476-1479)

---

Was this helpful? React with 👍 or 👎 to provide feedback.