From 60695cd82b0f2f973ed299eed1c16496a2195053 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 7 Apr 2021 09:15:45 +0200
Subject: [PATCH] Refactor e-mail templates

---
 backend/src/middleware/email/templateBuilder.js           | 2 +-
 .../src/middleware/email/templates/emailVerification.html | 8 ++++----
 backend/src/middleware/email/templates/resetPassword.html | 8 ++++----
 backend/src/middleware/email/templates/wrongAccount.html  | 8 ++++----
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/backend/src/middleware/email/templateBuilder.js b/backend/src/middleware/email/templateBuilder.js
index 982107f12..2c7038d27 100644
--- a/backend/src/middleware/email/templateBuilder.js
+++ b/backend/src/middleware/email/templateBuilder.js
@@ -84,7 +84,7 @@ export const wrongAccountTemplate = ({ email }) => {
     subject,
     html: mustache.render(
       templates.layout,
-      { actionUrl, supportUrl: CONFIG.SUPPORT_URL, welcomeImageUrl },
+      { ...defaultParams, actionUrl, supportUrl: CONFIG.SUPPORT_URL, welcomeImageUrl },
       { content: templates.wrongAccount },
     ),
   }
diff --git a/backend/src/middleware/email/templates/emailVerification.html b/backend/src/middleware/email/templates/emailVerification.html
index 3fc421dc5..35ce27e5a 100644
--- a/backend/src/middleware/email/templates/emailVerification.html
+++ b/backend/src/middleware/email/templates/emailVerification.html
@@ -7,8 +7,8 @@
     <td style="background-color: #ffffff;">
       <img
         src="{{{ welcomeImageUrl }}}"
-        width="600" height="" alt="Welcome image" border="0"
-        style="width: 100%; max-width: 600px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block;"
+        width="300" height="" alt="Welcome image" border="0"
+        style="width: 100%; max-width: 300px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block; padding: 20px;"
         class="g-img">
     </td>
   </tr>
@@ -105,8 +105,8 @@
     <td style="background-color: #ffffff;">
       <img
         src="{{{ welcomeImageUrl }}}"
-        width="600" height="" alt="Welcome image" border="0"
-        style="width: 100%; max-width: 600px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block;"
+        width="300" height="" alt="Welcome image" border="0"
+        style="width: 100%; max-width: 300px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block; padding: 20px;"
         class="g-img">
     </td>
   </tr>
diff --git a/backend/src/middleware/email/templates/resetPassword.html b/backend/src/middleware/email/templates/resetPassword.html
index 1f8c74ded..43c45455e 100644
--- a/backend/src/middleware/email/templates/resetPassword.html
+++ b/backend/src/middleware/email/templates/resetPassword.html
@@ -7,8 +7,8 @@
     <td style="background-color: #ffffff;">
       <img
         src="{{{ welcomeImageUrl }}}"
-        width="600" height="" alt="Welcome image" border="0"
-        style="width: 100%; max-width: 600px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block;"
+        width="300" height="" alt="Welcome image" border="0"
+        style="width: 100%; max-width: 300px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block; padding: 20px;"
         class="g-img">
     </td>
   </tr>
@@ -105,8 +105,8 @@
     <td style="background-color: #ffffff;">
       <img
         src="{{{ welcomeImageUrl }}}"
-        width="600" height="" alt="Welcome image" border="0"
-        style="width: 100%; max-width: 600px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block;"
+        width="300" height="" alt="Welcome image" border="0"
+        style="width: 100%; max-width: 300px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block; padding: 20px;"
         class="g-img">
     </td>
   </tr>
diff --git a/backend/src/middleware/email/templates/wrongAccount.html b/backend/src/middleware/email/templates/wrongAccount.html
index cab4c91a6..8f17e3335 100644
--- a/backend/src/middleware/email/templates/wrongAccount.html
+++ b/backend/src/middleware/email/templates/wrongAccount.html
@@ -7,8 +7,8 @@
     <td style="background-color: #ffffff;">
       <img
         src="{{{ welcomeImageUrl }}}"
-        width="600" height="" alt="Welcome image" border="0"
-        style="width: 100%; max-width: 600px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block;"
+        width="300" height="" alt="Welcome image" border="0"
+        style="width: 100%; max-width: 300px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block; padding: 20px;"
         class="g-img">
     </td>
   </tr>
@@ -105,8 +105,8 @@
     <td style="background-color: #ffffff;">
       <img
         src="{{{ welcomeImageUrl }}}"
-        width="600" height="" alt="Welcome image" border="0"
-        style="width: 100%; max-width: 600px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block;"
+        width="300" height="" alt="Welcome image" border="0"
+        style="width: 100%; max-width: 300px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block; padding: 20px;"
         class="g-img">
     </td>
   </tr>