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

✨ Enhancement: Center-align buttons on Community page for improved UI balance #1529

Closed
Priyanshuthapliyal2005 opened this issue Mar 16, 2025 · 2 comments
Labels
✨ Enhancement Indicates that the issue suggests an improvement or new feature. Status: Triage This is the initial status for an issue that requires triage.

Comments

@Priyanshuthapliyal2005
Copy link
Contributor

Priyanshuthapliyal2005 commented Mar 16, 2025

Is your feature request related to a problem? Please describe

The current design of the JSON Schema community page has buttons aligned to the left side of their respective sections. This creates a visual imbalance, particularly in sections with centered headings and text. The left-aligned buttons break the visual flow and appear disconnected from the centered content above them.
This inconsistency in alignment makes the interface feel less polished and can negatively impact user experience by creating visual tension between centered text and left-aligned interactive elements.

Describe the solution you'd like

I propose center-aligning all buttons on the community page to create a more balanced and visually appealing interface. This would involve:
1.Adding text-center class to button container divs
2.Replacing block md:inline-block classes with inline-block for buttons
3.Removing unnecessary mx-auto on container divs where text-center is sufficient
These changes would create a more cohesive design where buttons align with their corresponding section headings and text, improving the overall visual hierarchy and flow of the page.
I have created a branch with these changes implemented and recorded before/after videos to demonstrate the improvement. If you like the centered button design, I can submit a PR with these changes.

Describe alternatives you've considered

No response

Additional context

This enhancement is purely visual and doesn't affect functionality. It's a small change that can significantly improve the perceived quality of the interface.
The current implementation uses a mix of alignment approaches which creates visual inconsistency. Standardizing on centered buttons would establish a clearer design pattern throughout the community page.

Before Video

communitybutton.mp4

After Video

updatedcommunity.mp4

Are you working on this?

Yes

@Priyanshuthapliyal2005 Priyanshuthapliyal2005 added Status: Triage This is the initial status for an issue that requires triage. ✨ Enhancement Indicates that the issue suggests an improvement or new feature. labels Mar 16, 2025
@idanidan29
Copy link
Contributor

There is already an issue and a PR solving this issue: #1505.

@Priyanshuthapliyal2005
Copy link
Contributor Author

There is already an issue and a PR solving this issue: #1505.

Thank you for pointing out the duplication! I am closing this PR and the issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ Enhancement Indicates that the issue suggests an improvement or new feature. Status: Triage This is the initial status for an issue that requires triage.
Projects
None yet
Development

No branches or pull requests

2 participants