Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] UI Alignment Issues in View Jobs Section #95

Open
Devmangrani opened this issue Oct 29, 2024 · 2 comments
Open

[BUG] UI Alignment Issues in View Jobs Section #95

Devmangrani opened this issue Oct 29, 2024 · 2 comments
Assignees
Labels

Comments

@Devmangrani
Copy link
Owner

UI Alignment Issues in View Jobs Section

Description

There are several alignment and spacing inconsistencies in the view jobs listing page that affect readability and user experience:

Current Issues:

  1. Inconsistent horizontal spacing between job listings
  2. Profile pictures/avatars not properly aligned vertically
  3. Job listing containers have irregular padding
  4. Timeline/date information alignment varies between entries
  5. Salary information placement is inconsistent

Expected Behavior:

  • Equal spacing between all job listing cards
  • Consistent vertical alignment of profile pictures/avatars
  • Uniform padding within job listing containers
  • Standardized alignment for dates and timeline information
  • Consistent placement of salary information

Visual Impact:

  • Creates a disorganized appearance
  • Reduces scanning efficiency for users
  • Affects professional presentation of the job board
  • May cause confusion about job listing hierarchy

Steps to Reproduce

  1. Navigate to the "View Jobs" section
  2. Scroll through multiple job listings
  3. Observe the inconsistent spacing and alignment between elements

Screenshots

Screenshot 2024-10-30 at 2 10 46 AM Screenshot 2024-10-30 at 2 11 10 AM

Suggested Fix

Implement consistent CSS grid/flexbox layout with:

  • Fixed margins between job cards
  • Standardized padding within cards
  • Proper vertical alignment for avatar components
  • Consistent text alignment rules

Priority

Medium - Affects visual presentation and user experience but doesn't prevent core functionality

Additional Notes

This issue appears across multiple job listings and is not isolated to specific entries.

@Kehinde13
Copy link
Contributor

Can you assign this to me?

@Devmangrani
Copy link
Owner Author

Sure, @Kehinde13 I’ll assign it to you. Looking forward to seeing your contribution!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants