From 8cd1e63061fc848926ffba5d42480ffae5c50d27 Mon Sep 17 00:00:00 2001 From: Sam Date: Wed, 3 Jun 2026 17:58:49 +0200 Subject: [PATCH] fix(directus): fix mobile email templates clipping on right --- echo/directus/templates/email-base.liquid | 5 +++-- echo/directus/templates/report-notification-en.liquid | 9 ++++++--- echo/directus/templates/report-notification-nl.liquid | 9 ++++++--- 3 files changed, 15 insertions(+), 8 deletions(-) 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; } + } - +
-
+