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

Fix spaceing between buttons #3967

Closed
wants to merge 8 commits into from
Closed

Fix spaceing between buttons #3967

wants to merge 8 commits into from

Conversation

AsmaaNabilBakr
Copy link
Contributor

@AsmaaNabilBakr AsmaaNabilBakr commented Aug 27, 2023

Closes #3891

What changed?
Set a fixed space between buttons to be 12px

before:
image
after:
image

before:
image
after:
image

before:
image
after:
image

before:
image
after:
image

@AsmaaNabilBakr AsmaaNabilBakr changed the title Fix buttons Fix spaceing between buttons Aug 27, 2023
@AsmaaNabilBakr AsmaaNabilBakr marked this pull request as ready for review August 27, 2023 22:03
@AsmaaNabilBakr AsmaaNabilBakr self-assigned this Aug 28, 2023
Copy link
Contributor

@jpellizzari jpellizzari left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Using !important in lots of places can make things hard to customize in the future. Are we sure we need these everywhere? I wonder if we could achieve it with regular CSS specificity logic.

Some docs on the subject: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Love the thorough write up with pics 👍

Copy link
Contributor

@jpellizzari jpellizzari left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looking good! 👍

@AsmaaNabilBakr AsmaaNabilBakr deleted the fix-buttons branch September 6, 2023 12:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Space in between buttons and weird black line
2 participants