Fix login button layout

[naheel0]

Fix login button layout

Issue: The login button is misaligned or has incorrect spacing, especially on mobile.

Current problem:

• Button not vertically centered in navbar
• Weird padding/margin on small screens
• May overflow or wrap incorrectly

Expected:

• Button aligns with other nav items
• Responsive on all screen sizes
• Proper tap target size on mobile

How to fix:

• Check parent container flex/grid alignment
• Adjust padding/margin with responsive CSS (e.g., px-3 py-1.5 on mobile, px-4 py-2 on desktop)
• Ensure no overflow: use flex-wrap: wrap or proper width constraints

Acceptance criteria:

• Button centered vertically in header
• Works on 320px, 768px, 1280px widths
• No visual regression on hover/click

Labels: bug, ui, good-first-issue