Fix: Improve location text alignment on profile page

[AyushAgrawal18]

Fix

Improved alignment of location text on profile pages.

Changes

• Updated layout to ensure proper right alignment
• Fixed wrapping issue for long location names

Testing

• Verified on /users pages
• Checked with long location values

[AyushAgrawal18]

Hi, I’ve submitted a PR for this issue. Please review.

[gemini-code-assist]

Code Review

This pull request modifies the layout of the location section in the bio component, changing it from left-aligned to right-aligned and reducing the gap between the icon and text. The review feedback points out that these changes introduce visual inconsistencies with the rest of the sidebar and suggests using 'items-start' with the original gap size to better handle text wrapping while maintaining a uniform design.

[gemini-code-assist]

The change to justify-end and text-right introduces a layout inconsistency with the Email and Website sections (lines 33 and 41), which are left-aligned. Additionally, the reduction of gap-3 to gap-2 breaks the uniform spacing used throughout the sidebar.

To address the wrapping issue mentioned in the PR description while maintaining UI consistency, it is recommended to use items-start instead of items-center. This ensures the icon remains aligned with the first line of text when the location name wraps, without breaking the left-aligned vertical rhythm of the profile card.

            <div class="flex items-start gap-3">

[Copilot]

Pull request overview

Improves the visual alignment of the location/country line on user profile pages by updating the layout classes in the profile bio include.

Changes:

• Adjusted the location row to right-align its content (justify-end, text-right) and tweaked spacing (gap-2).
• Updated the flex row styling to better handle alignment when location text is long.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.