fix: Add whitespace-nowrap to navbar buttons to prevent text wrapping

[ibex088]

Before:

After

Greptile Summary

Added whitespace-nowrap Tailwind class to navbar buttons to prevent text wrapping at narrow viewport widths.

• Fixed text wrapping on GitHub button (line 227)
• Fixed text wrapping on Sign Up/Dashboard button (line 313)
• Two similar navbar buttons (Loading fallback and Login) were not updated and may benefit from the same treatment for consistency

Confidence Score: 4/5

• This PR is safe to merge with minimal risk - it's a simple CSS change
• The change is minimal, focused, and addresses a real UI issue. Score is 4 instead of 5 because two similar buttons in the same component weren't updated, which could lead to inconsistent behavior
• No files require special attention - this is a straightforward CSS improvement

Important Files Changed

Filename	Overview
apps/web/app/(site)/Navbar.tsx	Added whitespace-nowrap to GitHub and Sign Up/Dashboard buttons to prevent text wrapping; two similar buttons (Loading, Login) could benefit from the same treatment

Sequence Diagram

sequenceDiagram
    participant User
    participant Browser
    participant Navbar
    participant Button

    User->>Browser: Resize window to narrow width
    Browser->>Navbar: Trigger responsive layout
    Navbar->>Button: Apply sm:w-auto class
    Note over Button: Text wraps without whitespace-nowrap
    Button->>Button: Add whitespace-nowrap class
    Note over Button: Text no longer wraps
    Button->>Navbar: Render single-line button
    Navbar->>Browser: Display fixed navbar layout
    Browser->>User: Show properly formatted buttons

Loading

[greptile-apps]

Additional Comments (2)

1. apps/web/app/(site)/Navbar.tsx, line 237 (link)

   style: Consider adding whitespace-nowrap here for consistency with the other navbar buttons.

   _{Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!}

2. apps/web/app/(site)/Navbar.tsx, line 248 (link)

   style: Consider adding whitespace-nowrap here for consistency with the other navbar buttons.

   _{Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!}

_{1 file reviewed, 2 comments}

_{Edit Code Review Agent Settings | Greptile}