Spacing updates on the Story Promo List and Section Label

[DenisHdz]

Resolves #3055

Overall change:
Update Story Promo List and Section Label spacings, raised as a part of the Desktop Front Page UX review.

Code changes:

• Update StoryPromoList padding-top to 0 above 1008px
• Add a margin-top of 1.5rem to the SectionLabel above 1008px

---

• I have assigned myself to this PR and the corresponding issues
• Automated jest tests added (for new features) or updated (for existing features)
• This PR requires manual testing

[sareh]

These changes look good. My only concern is having these changes as patch versions - they'll be pulled into Simorgh and then spacing between items on the existing layout will be suboptimal:

e.g. this is what the section label change will be like:

And this is what the Story Promo List changes will look like with the single-column layout - this page will have the headline text intersecting the keyline between promos.

We should consider making these a breaking change so they don't automatically get pulled in.

[DenisHdz]

These changes look good. My only concern is having these changes as patch versions - they'll be pulled into Simorgh and then spacing between items on the existing layout will be suboptimal:

e.g. this is what the section label change will be like:

And this is what the Story Promo List changes will look like with the single-column layout - this page will have the headline text intersecting the keyline between promos.

We should consider making these a breaking change so they don't automatically get pulled in.

Thanks for flagging this, I've bumped them to a major version 👍

[sareh]

👍 Thanks for the update. Looks good!

[OlgaLyubin]

Looks good to me