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

UI Bug: Misaligned Buttons and Padding Issues in EventHeader #3263

Closed
alokdangre opened this issue Jan 12, 2025 · 4 comments
Closed

UI Bug: Misaligned Buttons and Padding Issues in EventHeader #3263

alokdangre opened this issue Jan 12, 2025 · 4 comments
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

Comments

@alokdangre
Copy link

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:
image

Padding inconsistencies:
image

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

@alokdangre alokdangre added the bug Something isn't working label Jan 12, 2025
@github-actions github-actions bot added ui/ux issue related and being worked with the figma file of the Admin UI unapproved good first issue Good for newcomers labels Jan 12, 2025
Copy link

Congratulations on making your first Issue! 🎊 If you haven't already, check out our Contributing Guidelines and Issue Reporting Guidelines to ensure that you are following our guidelines for contributing and making issues.

@Ankitgkp
Copy link

Please Assign me to this issue i want to work on this issue

@palisadoes palisadoes added the duplicate This issue or pull request already exists label Jan 12, 2025
@palisadoes
Copy link
Contributor

Duplicate. We have a lot of related Figma related issues

@palisadoes palisadoes closed this as not planned Won't fix, can't repro, duplicate, stale Jan 12, 2025
@palisadoes
Copy link
Contributor

Closing

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
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
Projects
Development

No branches or pull requests

3 participants