fix: padding/layout update

[Skazitron]

Done

• Fixed the padding issue referenced here
• Implemented the layout update suggested here

QA

• Open the demo
• Navigate to /docs/examples/patterns/_test-article-resources
• Ensure that the design matches the suggested changes in the figma doc.

Card

https://warthogs.atlassian.net/browse/WD-37058

Check if PR is ready for release

If this PR contains Vanilla SCSS or macro code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention
  • if existing APIs (CSS classes & macro APIs) are not changed it can be a bugfix release (x.x.X)
  • if existing APIs (CSS classes & macro APIs) are changed/added/removed it should be a minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) or macros should be listed on the what's new page.

[webteam-app]

Demo

Jenkins

demos.haus

[mattea-turic]

Thanks @Skazitron !

Looking at the "specs for dev" page in the Figma, the solution was to remove the spacing from the heading and the body, but maintain the spacing for the wrapper housing them:

In the demo link you shared, I don't see this reflected

Also looping in @kim-isaac, as she's the owner of the Figma, and maybe would like to take a look too :)

[kim-isaac]

Thanks for sharing @mattea-turic ! on’t have any other comments beyond what you’ve already mentioned. @Skazitron Based on Mattea’s comment, if metadata is included as well, the padding should be structured like this:

Thanks all!