UI Bug: Misaligned Buttons and Padding Issues in EventHeader #3263
Labels
bug
Something isn't working
duplicate
This issue or pull request already exists
good first issue
Good for newcomers
ui/ux
issue related and being worked with the figma file of the Admin UI
unapproved
Describe the bug
There are several minor UI bugs in the EventHeader component, including layout inconsistencies and button alignment issues.
To Reproduce
Steps to reproduce the behavior:
go to manage section in any organisation and then click on events
Expected behavior
The Search Event Name input field and buttons should be aligned consistently.
All buttons should have uniform padding and spacing for better visual alignment.
The overall header should be properly styled to maintain theme consistency.
Actual behavior
The Search button padding is inconsistent, causing visual imbalance.
The dropdown buttons (Month View and Event Type) are not vertically aligned with the input field.
The Create Event button is misaligned compared to other header elements.
Screenshots Current Issues
Misaligned buttons and fields:
Padding inconsistencies:
Additional context
This issue affects the visual consistency of the header and could lead to a subpar user experience.
Suggested improvements include updating the CSS for proper alignment, padding, and spacing adjustments.
Potential internship candidates
Please read this if you are planning to apply for a Palisadoes Foundation internship:
Student Internship Programs talawa#359
The text was updated successfully, but these errors were encountered: