fix: improve header navigation spacing

[OP-Prajwal]

Summary of Changes

Main Website (web/templates/base.html)

• Desktop Nav: Replaced space-x-2 with gap-5 for more consistent spacing between navigation items.
• Dropdown Buttons: Improved padding and gap between text and icons (gap-1.5 px-2 py-2).
• Mobile Menu: Increased vertical spacing between sections from space-y-4 to space-y-10 for better readability and touch-friendliness.

---

Virtual Lab (web/virtual_lab/templates/virtual_lab/layout.html)

• Header Layout: Refactored the header to be a column on mobile (flex-col gap-4) and a row on larger screens (lg:flex-row).

• Navigation Links:

  • Added flex-wrap to prevent overflow on smaller screens.
  • Added gap-x-6 gap-y-3 for cleaner spacing.
  • Added whitespace-nowrap to avoid awkward text wrapping.

• Styling Updates:

  • Updated branding and focus ring colors from indigo/gray to teal for better theme consistency.
  • Improved alignment of the navigation menu on desktop (lg:justify-end).

---

Verification Results

• ✅ Header remains functional and responsive.
• ✅ Navigation links wrap correctly on smaller viewports.
• ✅ Focus states and colors align with the updated theme.

[coderabbitai]

Warning

Rate limit exceeded

@OP-Prajwal has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 13 minutes and 9 seconds before requesting another review.

You’ve run out of usage credits. Purchase more in the billing tab.

⌛ 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: Repository: alphaonelabs/coderabbit/.coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

Run ID: 3386306a-3e89-48c6-9d88-af9755166e50

📥 Commits

Reviewing files that changed from the base of the PR and between 98c9aca and b23b39c.

📒 Files selected for processing (1)

• public/partials/navbar.html

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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