Merge pull request #241 from liqd/2016-09-pv-activation-mail

update activation mail
liqd · Sep 1, 2016 · 0e95ef4 · 0e95ef4
2 parents e5edd25 + b5fb3db
commit 0e95ef4
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 11 deletions.
diff --git a/euth/user_management/templates/emails/register.en.html b/euth/user_management/templates/emails/register.en.html
@@ -1,19 +1,18 @@
 {% extends 'email_base.html' %}
 {% block subject %}
-You created an account for {{sitename}}
+You created an account for {{site.name}}
 {% endblock %}
 {% block content %}
-<h2>You requested to register to {{sitename}}</h2>
+<h2>You requested to register to {{site.name}}</h2>
 <p>Dear {{registration.username}},</p>
 
 <p>
-  We have received your registration request for {{site.name}} using this email address. Please visit
-  <a href="{{activation_url}}">{{site.name}}</a> to activate your account.
+  We have received your registration request for {{site.name}} using this email address.
+    To activate your account please click the following link
+  <a href="{{activation_url}}" style="display: block; margin-top: 10px;">{{activation_url}}</a>
 </p>
 
-<p>
-Best wishes<br>
-<br>
-{{sitename}} team
+<p style="margin-top: 20px;">
+    <a href="{{activation_url}}" class="button">activate</a>
 </p>
 {% endblock %}
diff --git a/euth_wagtail/templates/email_base.html b/euth_wagtail/templates/email_base.html
@@ -4,9 +4,37 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>{% block subject %}{% endblock %}</title>
     <style type="text/css">
-      body {margin: 0; padding: 0; min-width: 100%!important;}
-      .content {width: 100%; max-width: 400px; margin: auto; }
-      .header { background: rgb(256, 256, 256); }
+        body {
+            margin: 0;
+            padding: 0;
+            min-width: 100% !important;
+        }
+
+        .content {
+            width: 100%;
+            max-width: 400px;
+            margin: auto;
+        }
+
+        .header {
+            background: rgb(256, 256, 256);
+        }
+
+        .button {
+            border-radius: 40px;
+            padding: 0 20px;
+            font-weight: bold;
+            line-height: 40px;
+            margin: 0 auto;
+            text-transform: uppercase;
+            color: #fff;
+            background-color: #337AB7;
+            border-color: #2e6da4;
+            display: inline-block;
+            text-align: center;
+            vertical-align: middle;
+            text-decoration: none;
+        }
     </style>
   </head>
   <body>