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

Buttons: add justify-content: center #2105

Merged
merged 1 commit into from
Nov 12, 2024
Merged

Buttons: add justify-content: center #2105

merged 1 commit into from
Nov 12, 2024

Conversation

anselmbradford
Copy link
Member

If the width of the buttons is set by a parent container, such as is done in https://www.consumerfinance.gov/paying-for-college/your-financial-path-to-graduation/, then the button text will be left-aligned by default. This makes it so it is center aligned.

Changes

  • Buttons: add justify-content: center

Testing

  1. Visit the buttons preview page and inspect the buttons. Manually set their width to 100% and see that the text is centered in the button.

Copy link

netlify bot commented Nov 12, 2024

Thanks for the improvements! Browse a preview of your changes using the link below.

Name Link
🔨 Latest commit c7993b5
🔍 Latest deploy log https://app.netlify.com/sites/cfpb-design-system/deploys/6733656a9376f40008cde9d1
😎 Deploy Preview https://deploy-preview-2105--cfpb-design-system.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@anselmbradford anselmbradford merged commit 931b234 into main Nov 12, 2024
8 checks passed
@anselmbradford anselmbradford deleted the ans_justify_btn branch November 12, 2024 14:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Development

Successfully merging this pull request may close these issues.

1 participant