Update email styling and text.

1 files changed, 7 insertions, 11 deletions

diff --git a/gn_auth/templates/emails/verify-email.html b/gn_auth/templates/emails/verify-email.html
index bc475c9..7f85c1c 100644
--- a/gn_auth/templates/emails/verify-email.html
+++ b/gn_auth/templates/emails/verify-email.html
@@ -8,19 +8,15 @@
 
     <p>
       To avoid bots, we need to verify that you are an actual human. To do so,
-      please
-      <a href="{{verification_uri}}?verificationcode={{verification_code}}"
-         style="display: inline-block;text-align: center;vertical-align: center;cursor: pointer;border-radius: 4px;background-color: #336699;border-color: #357ebd;">
-        Click here
-      </a>.
-    </p>
+      please click the button below
+      <a href="{{verification_uri}}"
+         style="display: block;text-align: center;vertical-align: center;cursor: pointer;border-radius: 4px;background-color: #336699;border-color: #357ebd;color: white;text-decoration: none;font-size: large;width: 9em;text-transform: capitalize;margin: 1em 0 0 3em;box-shadow: 2px 2px rgba(0, 0, 0, 0.3);">verify your email</a>.</p>
 
     <p>
-      If that does not work, please log in to GeneNetwork and copy the
-      verification code below when requested:<br /><br />
-
-      <span style="color: #3A3AFF;font-weight: bolder;">{{verification_code}}</span>
-    </p>
+      If that fails, please log in to GeneNetwork and copy the verification code
+      below when requested:<br /><br />
+      <span style="font-weight: bolder;">{{verification_code}}
+      </span></p>
 
     <p style="font-weight: bold;color: #ee55ee;">
       Please note that the verification code will expire in