fix: prevent navigation buttons from wrapping on smaller screens

[roomote]

Fixed the navigation buttons on the right side of the top nav from wrapping by adding flex-shrink-0 to the button containers and whitespace-nowrap to each button.

Changes

• Added flex-shrink-0 to the right-side button container to prevent it from shrinking
• Added flex-shrink-0 to the inner flex container (ThemeToggle + GitHub link)
• Added whitespace-nowrap to GitHub stars link, Install button, and Log in button to prevent text wrapping within buttons

Testing

• ✅ Linting passed
• ✅ Type checking passed
• ✅ All turbo tasks completed successfully

---

View task on Roo Code Cloud

---

Important

Prevents navigation buttons from wrapping on smaller screens by adding flex-shrink-0 and whitespace-nowrap in nav-bar.tsx.

• Behavior:
  • Prevents navigation buttons from wrapping on smaller screens by adding flex-shrink-0 to the right-side button container and inner flex container in nav-bar.tsx.
  • Adds whitespace-nowrap to GitHub stars link, Install button, and Log in button in nav-bar.tsx to prevent text wrapping.
• Testing:
  • Linting, type checking, and all turbo tasks passed successfully.

^{This description was created by for 1081cec. You can customize this summary. It will automatically update as commits are pushed.}

[roomote]

Rooviewer   See task on Roo Cloud

Review completed. No issues found.

The changes appropriately prevent navigation button wrapping by adding flex-shrink-0 to container elements and whitespace-nowrap to button text. The implementation is clean and follows Tailwind best practices.

_{Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.}

[github-actions]

🚀 Preview deployed!

Your changes have been deployed to Vercel:

Preview URL: https://roo-code-website-q4werq270-roo-code.vercel.app

This preview will be updated automatically when you push new commits to this PR.

[roomote]

Rooviewer   See task on Roo Cloud

Review completed. No issues found.

The changes appropriately prevent navigation button wrapping by adding flex-shrink-0 to container elements and whitespace-nowrap to button text. The implementation is clean and follows Tailwind best practices.

_{Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.}