[PM-29568] Fix footer styling

[ike-kottlowski]

🎟️ Tracking

PM-29568

📔 Objective

Fixing color, icon size, and spacing for the footer.

Rebuilt Auth and AC owned templates for the Core/Handlebars/MJML location.

📸 Screenshots

Welcome Email

⏰ Reminders before review

• Contributor guidelines followed
• All formatters and local linters executed and passed
• Written new unit and / or integration tests where applicable
• Protected functional changes with optionality (feature flags)
• Used internationalization (i18n) for all UI strings
• CI builds passed
• Communicated to DevOps any deployment requirements
• Updated any necessary documentation (Confluence, contributing docs) or informed the documentation team

🦮 Reviewer guidelines

• 👍 (:+1:) or similar for great changes
• 📝 (:memo:) or ℹ️ (:information_source:) for notes or general info
• ❓ (:question:) for questions
• 🤔 (:thinking:) or 💭 (:thought_balloon:) for more open inquiry that's not quite a confirmed issue and could potentially benefit from discussion
• 🎨 (:art:) for suggestions / improvements
• ❌ (:x:) or ⚠️ (:warning:) for more significant problems or concerns needing attention
• 🌱 (:seedling:) or ♻️ (:recycle:) for future improvements or indications of technical debt
• ⛏ (:pick:) for minor or nitpick changes

[claude]

Claude finished @ike-kottlowski's task —— View job

---

Code Review for Footer Styling Changes

Tasks

• Review screenshot to understand visual changes
• Read modified template files
• Run comprehensive code review using bitwarden-code-reviewer agent
• Post review findings

---

Review Summary

Overall Assessment: ✅ APPROVED

I've completed a comprehensive review of the footer styling changes across all 6 modified email template files. The changes successfully update the footer to match UIF Tailwind standards.

What Changed

Source Files (MJML Components):

• src/Core/MailTemplates/Mjml/components/footer.mjml: Updated icon size from 30px → 24px, adjusted padding
• src/Core/MailTemplates/Mjml/components/mj-bw-learn-more-footer.js: Updated background color from #f6f6f6 → #F3F6F9

Compiled Templates (Auto-generated from MJML):

• src/Core/MailTemplates/Handlebars/Auth/SendAccessEmailOtpEmailv2.html.hbs
• src/Core/MailTemplates/Handlebars/MJML/Auth/Onboarding/welcome-family-user.html.hbs
• src/Core/MailTemplates/Handlebars/MJML/Auth/Onboarding/welcome-individual-user.html.hbs
• src/Core/MailTemplates/Handlebars/MJML/Auth/Onboarding/welcome-org-user.html.hbs

All compiled templates properly reflect the MJML component changes.

Findings

✅ Template Syntax: All MJML and Handlebars syntax is correct and valid

✅ Consistency: Styling changes are consistently applied across all templates

✅ Security: No security concerns identified - modified sections contain only static content with no dynamic variables or user input

✅ Visual Quality: Changes align with the objective to match UIF Tailwind standards (confirmed by screenshot)

✅ Code Quality: HTML structure remains valid with properly balanced tags

✅ Build Process: Templates were correctly rebuilt from MJML sources (verified by consistent changes)

Specific Changes Validated

1. Footer background color: #f6f6f6 → #F3F6F9 (UIF Tailwind standard gray)
2. Social media icon size: 30px → 24px (better visual proportion)
3. Spacing adjustments: Updated padding values for improved visual hierarchy

The screenshot confirms these changes render correctly in the final email output.

Recommendation

This PR is ready to merge. The changes are straightforward, consistently applied, and achieve the stated objective without introducing any issues.

---

[github-actions]

Checkmarx One – Scan Summary & Details – 5e234827-3aa3-4aae-8d85-bd39827f2627

Great job! No new security vulnerabilities introduced in this pull request

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 54.84%. Comparing base (3b5bb76) to head (013f34e).
⚠️ Report is 5 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #6722   +/-   ##
=======================================
  Coverage   54.83%   54.84%           
=======================================
  Files        1920     1920           
  Lines       85259    85255    -4     
  Branches     7634     7633    -1     
=======================================
+ Hits        46756    46757    +1     
+ Misses      36722    36718    -4     
+ Partials     1781     1780    -1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[ike-kottlowski]

Waiting on SRE ticket to upload the social-icons-* for correct styling for footer social icons.

[eliykat]

Rubber-stamping the regeneration of AC Team templates.