cds-snc / notification-planning

Project planning for GC Notify Team
5 stars 0 forks source link

Nested lists in emails have too much spacing #1682

Open andrewleith opened 1 month ago

andrewleith commented 1 month ago

Describe the bug

When a template contains a nested list, the nested list gets extra padding/margin applied to the bottom which adds extra spacing and makes the text harder to read and understand.

Example template:

1. Item 1
  - nested 1
  - nested 2
2. Item 2

Bug Severity

SEV-4 Low

To Reproduce

Steps to reproduce the behavior:

Expected behavior

There should be no extra spacing after the nested list

Screenshots

Current display:

image.png

Expected display:

image.png

Additional context

https://cds-snc.freshdesk.com/a/tickets/19430

andrewleith commented 1 month ago

For some reason, in the UI a margin-bottom is applied, but in the actual email a padding-bottom is applied 🤷

Potential fix for email template:

table li > table {padding-bottom: 0 !important}

Potential fix for template preview in the UI:

table li > table {margin-bottom: 0 !important}