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

HEEDLS-524 Refactor prompt management pages for consistent spacing #440

Merged
merged 4 commits into from
Jun 25, 2021

Conversation

AlexJacksonDS
Copy link
Contributor

Changed all the pages in the manage registration prompt area to have approximately equal spacing between the h1 elements and the page content and the bottom of the content and the back link view component.

image

image

image

image

image

image

@SteveJacksonSoft
Copy link
Contributor

It feels like there's quite a big gap below the headings on the Add and Remove pages, probably because of the margins on text elements. I'm guessing it's the same distance between the headers and next elements on all pages. I think I'd be inclined to make the space a bit smaller, but happy for @stellake to overrule me!

Copy link
Contributor

@SteveJacksonSoft SteveJacksonSoft left a comment

Choose a reason for hiding this comment

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

Looks nice, just a couple of questions!

@AlexJacksonDS
Copy link
Contributor Author

The spacing after all the titles should be 48px for desktop, 40 for mobile. This comes from the nhsuk-heading-xl style and is consistent across all the files.

Copy link
Contributor

@stellake stellake left a comment

Choose a reason for hiding this comment

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

I think the spacing looks ok with the expanders and agree that if there is no expander directly after the heading, it does look a bit spacious. However, if this gap comes from the nhs-heading class as Alex mentioned, I think we should keep the default, but make sure it's consistent across pages. 👍

@stellake
Copy link
Contributor

I think the spacing looks ok with the expanders and agree that if there is no expander directly after the heading, it does look a bit spacious. However, if this gap comes from the nhs-heading class as Alex mentioned, I think we should keep the default, but make sure it's consistent across pages. 👍

Just looking at the Centre ranking review and the spacing looks different there :P

@AlexJacksonDS
Copy link
Contributor Author

I think the spacing looks ok with the expanders and agree that if there is no expander directly after the heading, it does look a bit spacious. However, if this gap comes from the nhs-heading class as Alex mentioned, I think we should keep the default, but make sure it's consistent across pages. 👍

Just looking at the Centre ranking review and the spacing looks different there :P

id="page-heading" reduces the margin (and nothing else as far as I can see). I've been removing it as I've fixed these. I guess I need to remove it over there too.

@AlexJacksonDS AlexJacksonDS merged commit 1d72f22 into master Jun 25, 2021
@AlexJacksonDS AlexJacksonDS deleted the HEEDLS-524-fix-spacing-manage-prompts branch June 25, 2021 08:44
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.

3 participants