fix: #3607228 Give the delivery cards the design title scale and spacing

Rajab Natshahrequested to merge
issue/horizonaid-3607228:3607228-delivery-card-spacing into 1.0.x

Lost in the shuffle: this landed in !28 (merged) as commit 5238e335, then my next commit on that branch rebuilt recipe.yml from the release branch and dropped it again before the merge. Re-applied here on top of 1.0.x, with the home-page updates band left as it now stands.

The four how-we-deliver cards on a programme page:

  • Card title is a level-4 heading, which renders at the design's 20px rather than 24px.
  • 16px between the title and the card text, not 8px. The card's content slot already contributes 8px either side of a child, so a zero-height spacer lands exactly on 16px.

Verified on a clean install from the published package: all four cards report font-size: 20px and a 16px gap.

Not included, and still blocked: the design's tinted icon tile on each card. card-icon-text's icon_image is an object prop and Canvas drops those in a content template (#3613652), so binding it stores correctly and renders nothing. The four glyphs are pulled from the design and ready to ship the moment that is fixed.

AI-Generated: Yes

Checkpoints:

  • File an issue
  • Addition/Change/Update/Fix
  • Testing to ensure no regression
  • Automated unit testing coverage
  • Automated functional testing coverage
  • UX/UI designer responsibilities
  • Readability
  • Accessibility
  • Performance
  • Security
  • Developer Documentation
  • User Guide Documentation
  • Reviewed by human
  • Code review by maintainers
  • Full testing and approval
  • Credit contributors
  • Review with the product owner
  • Release notes snippet
  • Release
Edited by Rajab Natshah

Merge request reports