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.

Sign up for GitHub

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

Jump to bottom

Button: Review spacing between buttons #256

Open
davidhunter08 opened this issue Mar 6, 2025 · 1 comment
Open

Button: Review spacing between buttons #256

davidhunter08 opened this issue Mar 6, 2025 · 1 comment
Labels
component Add or improve a design component visual design

Comments

@davidhunter08
Copy link
Collaborator

davidhunter08 commented Mar 6, 2025 •
edited
Loading

The spacing between text and a button is quite tight making the page feel unbalanced.

Examples

Image Image Image Image
@davidhunter08 davidhunter08 added 🐛 bug Something isn't working component Add or improve a design component labels Mar 6, 2025
@davidhunter08 davidhunter08 changed the title Button: Space between text and button is too small Button: Review spacing between buttons Mar 6, 2025
@davidhunter08 davidhunter08 added visual design and removed 🐛 bug Something isn't working labels Mar 6, 2025
@davidhunter08
Copy link
Collaborator Author

Adding margin-top to buttons

Example with margin-top 8px

Image Image

Example with margin-top 12px

Image Image

Next steps

Review how adding a margin-top to buttons would affect other pages on the app.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component Add or improve a design component visual design
Projects
NHS App design system project board
Status: No status
Milestone
No milestone
Development

No branches or pull requests
1 participant
@davidhunter08