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

Reduce margin-bottom on the hint when following a default or small label #806

Merged
merged 1 commit into from
Jun 20, 2018

Conversation

dashouse
Copy link

The margin-bottom of the hint component is the same for all label sizes.

For the default (no class) or govuk-label--s class this looks unbalanced.

screen shot 2018-06-20 at 09 46 35

This PR reduces the margin-bottom of the hint by 5px after a default <label> or <label class="govuk-label--s">.

Before
screen shot 2018-06-20 at 09 45 05

After
screen shot 2018-06-20 at 09 45 34

This does not affect the hint when used with a legend (original spacing is fine) or when the <label> is inside an <h1> (isPageHeading: True) - however I'm ok with this because the default / govuk-label--s will never be used in this scenario.

@36degrees
Copy link
Contributor

I'm happy with this but am not going to review it as I paired with Dave to come up with the solution.

Copy link

@kr8n3r kr8n3r left a comment

Choose a reason for hiding this comment

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

@dashouse dashouse merged commit 9e14d51 into master Jun 20, 2018
@dashouse
Copy link
Author

Merged, thanks

@36degrees 36degrees deleted the contextual-label-spacing branch June 20, 2018 11:48
@kr8n3r kr8n3r mentioned this pull request Jun 21, 2018
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.

4 participants