Bug Description

Fix the following issues with all three new templates added in PUE v1: Invitation, Subscription and Error templates.

All template simple design tweaks

ITEM 2:

Title font size should be 16px instead of 22px. Also, the fonts for title and content should be 'Google Sans Text' Instead of 'Google Sans Roboto' Note: the font cannot be set Roboto is used as a font imported within Gmail.

Details

Figma:

Template:

ITEM 3:

These are more visual, padding/layout issues but since we are not doing pixel-perfect, I'll leave it to you to confirm if we'd want to change those.

• Above get your report should be 20px instead of 16px.

  Details

  

• Side of the content column should be 16px instead of 24px.

  Details

  

• Bottom margin should be 12px instead of 24px.

  Details

  

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance Criteria

• Title font size is 16px (not 22px) across all three simple email templates
• Content column side padding is 16px (not 24px) in all three templates
• Spacing above the CTA button is 20px (not 16px) in all three templates
• Bottom margin below the last content element is 12px (not 24px) in all three templates
• No font-family changes (Roboto is Gmail's default import; not actionable)

Files to modify

Invitation Email

• Update file includes/Core/Email_Reporting/templates/invitation-email/template.php:
  • Change <h1> font-size from 22px to 16px and adjust line-height proportionally (e.g. 28px > 24px)
  • Change white card <td> padding from 24px 24px 0 24px to 24px 16px 0 16px (side padding 24>16)
  • Add margin-top: 4px to the CTA button wrapper <table> (combined with preceding paragraph's 16px margin = 20px gap)
  • Change CTA button wrapper <table> margin-bottom from 24px to 12px (space between CTA and envelope)

Error Email

• Update file includes/Core/Email_Reporting/templates/error-email/parts/content.php:
  • Change <h1> font-size from 22px to 16px and adjust line-height proportionally
  • Change white card <td> padding from 24px to 24px 16px 12px 16px (side padding 24>16, bottom 24>12)
  • Add margin-top: 4px to the CTA button wrapper <table> for 20px gap above CTA

Subscription Confirmation Email

• Update file includes/Core/Email_Reporting/templates/subscription-confirmation/parts/content.php:
  • Change <h1> font-size from 22px to 16px and adjust line-height proportionally
  • Change white card <td> padding from 24px to 24px 16px 12px 16px (side padding 24>16, bottom 24>12)
  • Add margin-top: 4px to the CTA button wrapper <table> for 20px gap above CTA

Tests

• No new automated tests required - changes are purely cosmetic inline style adjustments

QA Brief

• Send test emails and verify that styles look correct and margins/sizes match numbers in the AC.

Changelog entry

• Adjust/improve email template styles.