diff --git a/echo/directus/templates/email-base.liquid b/echo/directus/templates/email-base.liquid index 9919c0d6f..ece164e7a 100644 --- a/echo/directus/templates/email-base.liquid +++ b/echo/directus/templates/email-base.liquid @@ -44,13 +44,14 @@ @media screen and (max-width: 600px) { .card-inner { padding: 24px 24px 0 !important; } + .outer-padding { padding: 24px 12px !important; } } - +
-
+ diff --git a/echo/directus/templates/report-notification-en.liquid b/echo/directus/templates/report-notification-en.liquid index c4ef684ba..b43d08467 100644 --- a/echo/directus/templates/report-notification-en.liquid +++ b/echo/directus/templates/report-notification-en.liquid @@ -17,13 +17,16 @@ p { font-size: 17px; line-height: 1.65; color: #2D2D2C; margin: 0 0 28px; font-weight: 300; } .button { display: inline-block; background: #4169E1; color: #FFFFFF !important; text-decoration: none; padding: 14px 30px; border-radius: 9999px; font-size: 15px; font-weight: 400; line-height: 1; } .muted { font-size: 13px; line-height: 1.65; color: #6B6B6A; font-weight: 300; } - @media screen and (max-width: 600px) { .card-inner { padding: 24px 24px 0 !important; } } + @media screen and (max-width: 600px) { + .card-inner { padding: 24px 24px 0 !important; } + .outer-padding { padding: 24px 12px !important; } + } - +
-
+
diff --git a/echo/directus/templates/report-notification-nl.liquid b/echo/directus/templates/report-notification-nl.liquid index 29e98fec2..c076e6aba 100644 --- a/echo/directus/templates/report-notification-nl.liquid +++ b/echo/directus/templates/report-notification-nl.liquid @@ -17,13 +17,16 @@ p { font-size: 17px; line-height: 1.65; color: #2D2D2C; margin: 0 0 28px; font-weight: 300; } .button { display: inline-block; background: #4169E1; color: #FFFFFF !important; text-decoration: none; padding: 14px 30px; border-radius: 9999px; font-size: 15px; font-weight: 400; line-height: 1; } .muted { font-size: 13px; line-height: 1.65; color: #6B6B6A; font-weight: 300; } - @media screen and (max-width: 600px) { .card-inner { padding: 24px 24px 0 !important; } } + @media screen and (max-width: 600px) { + .card-inner { padding: 24px 24px 0 !important; } + .outer-padding { padding: 24px 12px !important; } + } - +
-
+