Update confirm your email...email

thunderbird · Sep 10, 2024 · 805b9a7 · 805b9a7
1 parent 4705584
commit 805b9a7
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 22 deletions.
diff --git a/backend/src/appointment/l10n/en/email.ftl b/backend/src/appointment/l10n/en/email.ftl
@@ -171,11 +171,12 @@ new-account-mail-plain = You've been invited to Thunderbird Appointment.
 
 ## Confirm Email for waiting list
 confirm-email-mail-subject = Confirm your email to join the waiting list!
-confirm-email-mail-confirm-action = Confirm your email
-confirm-email-mail-decline-action = Remove your email
+confirm-email-mail-confirm-action = Confirm
 confirm-email-mail-html-heading = Thank you for your interest in Thunderbird Appointment.
-confirm-email-mail-html-body = Before we add you to our waiting list we need you to confirm your email address below.
-confirm-email-mail-html-body-2 = Did you receive this email in error, or are you no longer interested?
+confirm-email-mail-html-body = To join our waiting list, please confirm your email by clicking the button below or pasting this link into your browser:
+confirm-email-mail-html-body-2 = If you received this email in error or are no longer interested, you can
+confirm-email-mail-html-body-2-link-text = remove your email.
+
 # Variables:
 # $confirm_email_url (String) - URL to confirm your email
 # $decline_email_url (String) - URL to remove the email from the waiting list

diff --git a/backend/src/appointment/templates/email/confirm_email.jinja2 b/backend/src/appointment/templates/email/confirm_email.jinja2
@@ -1,17 +1,30 @@
 {% extends "includes/base.jinja2" %}
 {# Code begins! #}
 {% block introduction %}
-  <div style="color: {{ colour_text_base }}; text-align: center; line-height: 16px;">
+  <div style="color: {{ colour_text_base }}; text-align: center; line-height: 16px;margin-bottom: 32px;">
     <p style="font-weight: 700; margin: 0;">
       {{ l10n('confirm-email-mail-html-heading') }}
     </p>
   </div>
 {% endblock %}
 {% block call_to_action %}
-  <p>
-    {{ l10n('confirm-email-mail-html-body') }}
+  <center>
+    <p style="max-width: 380px; text-align: center;">
+      {{ l10n('confirm-email-mail-html-body') }}
+    </p>
+  </center>
+  <p style="
+    color: {{ colour_tbpro_apmt_primary }};
+    font-size: 13px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    text-decoration-line: underline;
+    margin-bottom: 32px;
+    ">
+    {{ confirm_email_url }}
   </p>
-  <div style="margin-bottom: 12px">
+  <div style="margin-bottom: 32px">
     <a
       href="{{ confirm_email_url }}"
       style="
@@ -28,20 +41,23 @@
         "
     >{{ l10n('confirm-email-mail-confirm-action') }}</a>
   </div>
-  <p>
+  <center>
+    <p style="
+    color: {{ colour_text_muted }};
+    text-align: center;
+    font-size: 9px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: normal;
+    margin-bottom: 32px;
+    max-width: 315px;
+    ">
     {{ l10n('confirm-email-mail-html-body-2') }}
-  </p>
-  <div>
-    <a
-      href="{{ decline_email_url }}"
-      style="
-        display: inline-block;
-        font-size: 13px;
-        padding: 12px 24px;
+    <a style="
         color: {{ colour_tbpro_apmt_primary }};
-        text-decoration-line: underline;
-        font-weight: 400;
-        "
-    >{{ l10n('confirm-email-mail-decline-action') }}</a>
-  </div>
+        text-decoration-line: underline;"
+       href="{{ decline_email_url }}">{{ l10n('confirm-email-mail-html-body-2-link-text') }}</a>
+  </p>
+  </center>
+
 {% endblock %}