iiitl / iiitl/ChatterBox

Fix Margin and Padding Issues in Profile Section and Top Bar

Open
#2 4 comments 0 reactions 0 assignees View on GitHub
frontend good first issue
Dominant language
TypeScript
Stars
0
Forks
4
PR merge metrics
No merged PRs in 30d

Description

### **Description:**
The profile section and top navigation bar have inconsistent spacing and alignment, affecting overall UI consistency.

**Requirements:**

Fix excessive/uneven padding in the profile section
Ensure consistent margins between profile fields (Name, About, Phone)
Align edit icons properly with corresponding text fields
Adjust spacing around the profile avatar for better balance
Fix top bar height and padding for proper alignment
Ensure back arrow and "Profile" text are vertically centered
Maintain consistent spacing across different screen sizes (responsive)

Contributor guide

Open the contributing guide

Research direction

No files or tests are named. Start by running the app and locating the profile section and top navigation components, then inspect their responsive layout and spacing. Done means the profile fields, edit icons, avatar, back arrow, and Profile text are consistently aligned across screen sizes.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.