Minor css changes to email template.

hasgeek · StephanieBr · May 8, 2018 · May 22, 2018 · May 23, 2018 · May 23, 2018
commit 5761209d3517cfc5fad6baf25c68fd65ac9f06c1
diff --git a/hasjob/templates/apply_email.html.jinja2 b/hasjob/templates/apply_email.html.jinja2
@@ -14,13 +14,19 @@
   <p>{{ job_application.fullname }}</strong> has applied for <a href="{{ post.url_for(_external=true) }}" target="_blank">{{ post.headline }}</a>:
   </p>
   {{ job_application.message|safe }}
-  <p class="center">
-    <a class="btn" href="{{ archive_url }}" target="_blank">Respond to candidate</a>
-  </p>
   <p>
     <strong>Note:</strong> The message above is exactly as the candidate submitted it. We do not accept attachments or reformat documents.
     <img src="{{ job_application.url_for('track-open', _external=true) }}" alt="" width="1" height="1">
   </p>
+  <table>
+    <tbody>
+      <tr>
+        <td>
+          <a class="btn" href="{{ archive_url }}" target="_blank">Respond to candidate</a>
+        </td>
+      </tr>
+    </tbody>
+  </table>
   <hr class="separator">
   <p>
     {% if g.board and g.board.not_root %}[{{ g.board.title }}][board] is powered by Hasjob. {% endif -%}

diff --git a/hasjob/templates/confirm_email.html.jinja2 b/hasjob/templates/confirm_email.html.jinja2
@@ -14,31 +14,17 @@
     </div>
   </div>
   <p>Hello,</p>
-  <p>This is a confirmation email for the job you listed at {% if g.board -%} {{ g.board.title }} {%- else -%} {{ config['SITE_TITLE'] }} {%- endif %}:
-  <strong>{{ post.headline|e }}</strong></p>
-<!--   <p><a class="btn" href="{{ post.url_for('confirm-link', _external=true) }}">Confirm job post</a></p> -->
-  <table>
+  <p>This is a confirmation email for the job you listed at {% if g.board -%} {{ g.board.title }} {%- else -%} {{ config['SITE_TITLE'] }} {%- endif %}: <strong>{{ post.headline|e }}</strong></p>
+  <table role="presentation">
     <tbody>
       <tr>
         <td>
-          <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="left">
-            <tbody>
-              <tr>
-                <td>
-                  <a href="{{ post.url_for('confirm-link', _external=true) }}" class="btn-a"target="_blank">
-                    <span class="font-white">Confirm job post</span>
-                  </a>
-                </td>
-              </tr>
-            </tbody>
-          </table>
+          <a href="{{ post.url_for('confirm-link', _external=true) }}" class="btn" target="_blank">Confirm job post</a>
         </td>
       </tr>
     </tbody>
   </table>
-  <p>Save this email for the next 30 days while the post is active. Use these
-  links if you need to edit the post, or if the position has been filled
-  and you wish to withdraw it: <a href="{{ post.url_for('edit', _external=true) }}">Edit job post</a> | <a href="{{ post.url_for('withdraw', _external=true) }}">Withdraw job post</a></p>
+  <p>Once you confirm the job post, all the candidate applications go to "{{ post.email }}". If you wish to send the applications to different email, <a href="{{ post.url_for('edit', _external=true) }}">edit the job post</a></p>
   <hr class="separator">
   <p>
     {% if g.board and g.board.not_root %}[{{ g.board.title }}][board] is powered by Hasjob. {% endif -%}

diff --git a/hasjob/templates/inc/email_layout.html.jinja2 b/hasjob/templates/inc/email_layout.html.jinja2
@@ -1,35 +1,65 @@
 {% block stylesheet -%}
 <style type="text/css">
+  @import url(https://fonts.googleapis.com/css?family=Fira+Sans:300,400,600); 
+  p {
+    font-size: 16px;
+    line-height: 24px;
+    font-family: 'Fira Sans', Arial, sans-serif;
+  }
   .btn, a.btn:link, a.btn:visited {
-    background-color: #816894;
-    padding: 6px 12px;
-    color: #fff;
+    background: #7a6891;
+    padding: 12px 12px 10px 12px;
+    font-family: 'Fira Sans', Arial, sans-serif;
+    font-size: 16px;
+    text-align: center;
     text-decoration: none;
     display: inline-block;
     border-radius: 3px;
     border-bottom: 3px solid #554562;
+    color: #fff;
+    margin-bottom: 15px;
   }
-  .board-title {
-    display: inline-block;
-    color: #df5e0e;
-    font-size: 25px;
-    vertical-align: top;
-    margin-top: 9px;
+  @media screen and (max-width:599px) {
+    .board-title {
+      display: inline-block;
+      vertical-align: top;
+      color: #df5e0e;
+      font-size: 20px;
+      font-weight: bold;
+    }
+    .board-caption {
+      display: block;
+      color: #816894;
+      font-size: 12px;
+      margin-top: -16px;
+      margin-left: 43px;
+      font-weight: bold;
+    }
   }
-  .board-caption {
-    display: inline-block;
-    color: #816894;
-    font-size: 17px;
-    vertical-align: top;
-    margin-top: 16px;
+  @media (min-width:600px) {
+    .board-title {
+      display: inline-block;
+      vertical-align: top;
+      color: #df5e0e;
+      font-size: 25px;
+      margin-top: 9px;
+      font-weight: bold;
+    }
+    .board-caption {
+      display: inline-block;
+      vertical-align: top;
+      color: #816894;
+      font-size: 17px;
+      margin-top: 16px;
+      font-weight: bold;
+    }
   }
   .wrapper {
     background-color: #F9FAFC;
-    padding: 30px;
+    padding: 15px;
   }
   .title {
     display: block;
-    min-width: 250px;
     width: 70%;
     margin: 0 auto 12px;
     text-decoration: none;
@@ -39,9 +69,8 @@
     margin: 0 5px 0 0;
   }
   .box {
-    min-width: 250px;
     width: 70%;
-    padding: 30px;
+    padding: 15px;
     border-radius: 2px;
     background-color: #ffffff;
     margin: auto;
@@ -53,26 +82,16 @@
   .address,
   .copyright {
     font-size: 12px;
+    line-height: 21px;
     text-align: center;
     color: #666666;
   }
   .center {
     text-align: center;
   }
-  /* New styles */
-  .btn-a{
-    background: #7a6891;
-    padding: 12px 12px 10px 12px;
-    font-family: 'Fira Sans', Arial, sans-serif;
-    font-size: 16px;
-    text-align: center;
-    text-decoration: none;
-    display: block;
-    border-radius: 3px;
-    border-bottom: 3px solid #554562;
-  }
-  .font-white{
-    color: #ffffff;
+  table {
+    width: 100%;
+    border: 0;
   }
 </style>
 {%- endblock %}
@@ -83,9 +102,9 @@
       <!-- <img src="{{ url_for('static', filename='img/android-chrome-192x192.png', _external=true) }}" class='hasjob-logo' alt="hasjob"> -->
       <img src="https://images.hasgeek.com/embed/file/c45fde85b3344aa3a4fc6431f317e2e2" class='hasjob-logo' alt="hasjob">
       {%- if g.board -%}
-        <span class="board-title">{{ g.board.title }}</span> <small class="board-caption">{%- if g.board.caption -%} {{ g.board.caption }} {%- else -%} Powered by Hasjob {%- endif -%}</small>
+        <span class="board-title">{{ g.board.title }}</span> <span class="board-caption">{%- if g.board.caption -%} {{ g.board.caption }} {%- else -%} Powered by Hasjob {%- endif -%}</span>
       {%- else -%}
-        <span class="board-title">Hasjob</span> <small>The HasGeek Job Board</small>
+        <span class="board-title">Hasjob</span> <span class="board-caption">The HasGeek Job Board</span>
       {%- endif -%}
     </a>
     <div class="box">

diff --git a/hasjob/templates/moderate_email.html.jinja2 b/hasjob/templates/moderate_email.html.jinja2
@@ -16,6 +16,9 @@
   <p>Your post has been temporarily de-listed by moderator {{ post.reviewer.fullname }}, who left the following comment. Please <a href="{{ post.url_for('edit', _external=true) }}">edit the post</a> and correct the indicated issue. A warning notice will appear on your post until you edit it:</p>
   <hr>
   <p>{{ post.review_comments }}</p>
-  <hr>
-  <p><a href="{{ url_for('index', subdomain=none, _external=true) }}">Hasjob</a> is a service of <a href="https://hasgeek.com/">HasGeek</a>. Write to us at <a href="mailto:{{ config['SUPPORT_EMAIL'] }}">{{ config['SUPPORT_EMAIL'] }}</a> if you have suggestions or questions on this service.</p>
+  <hr class="separator">
+  <p>
+    {% if g.board and g.board.not_root %}[{{ g.board.title }}][board] is powered by Hasjob. {% endif -%}
+    <a href="{{ url_for('index', subdomain=none, _external=true) }}">Hasjob</a> is a service of <a href="https://hasgeek.com/">HasGeek</a>. Write to us at <a href="mailto:{{ config['SUPPORT_EMAIL'] }}">{{ config['SUPPORT_EMAIL'] }}</a> if you have suggestions or questions on this service.
+  </p>
 {% endblock %}
diff --git a/hasjob/templates/reject_domain_email.html.jinja2 b/hasjob/templates/reject_domain_email.html.jinja2
@@ -10,6 +10,9 @@
   </ul>
   <p>The moderator provided the following reason: "<strong>{{ post.review_comments }}</strong>"</p>
   <p>If you believe this is incorrect and would like to appeal, please forward this email to <a href="mailto:{{ config['SUPPORT_EMAIL'] }}">{{ config['SUPPORT_EMAIL'] }}</a> with an explanation.</p>
-  <hr>
-  <p><a href="{{ url_for('index', subdomain=none, _external=true) }}">Hasjob</a> is a service of <a href="https://hasgeek.com/">HasGeek</a>. Write to us at <a href="mailto:{{ config['SUPPORT_EMAIL'] }}">{{ config['SUPPORT_EMAIL'] }}</a> if you have suggestions or questions on this service.</p>
+  <hr class="separator">
+  <p>
+    {% if g.board and g.board.not_root %}[{{ g.board.title }}][board] is powered by Hasjob. {% endif -%}
+    <a href="{{ url_for('index', subdomain=none, _external=true) }}">Hasjob</a> is a service of <a href="https://hasgeek.com/">HasGeek</a>. Write to us at <a href="mailto:{{ config['SUPPORT_EMAIL'] }}">{{ config['SUPPORT_EMAIL'] }}</a> if you have suggestions or questions on this service.
+  </p>
 {% endblock %}
diff --git a/hasjob/templates/reject_email.html.jinja2 b/hasjob/templates/reject_email.html.jinja2
@@ -4,6 +4,9 @@
   <p>This is regarding your job post on Hasjob titled "<strong>{{ post.headline }}</strong>". Unfortunately, your post is not in compliance with our <a href="{{ url_for('terms_of_service', _external=true) }}">Terms of Service</a> and has been taken down. Your post was reviewed by {{ post.reviewer.fullname }}, who left the following comment:</p>
   <p>"<strong>{{ post.review_comments }}</strong>"</p>
   <p>You are welcome to post again in compliance with our <a href="{{ url_for('terms_of_service', _external=true) }}">Terms of Service</a>.</p>
-  <hr>
-  <p><a href="{{ url_for('index', subdomain=none, _external=true) }}">Hasjob</a> is a service of <a href="https://hasgeek.com/">HasGeek</a>. Write to us at <a href="mailto:{{ config['SUPPORT_EMAIL'] }}">{{ config['SUPPORT_EMAIL'] }}</a> if you have suggestions or questions on this service.</p>
+  <hr class="separator">
+  <p>
+    {% if g.board and g.board.not_root %}[{{ g.board.title }}][board] is powered by Hasjob. {% endif -%}
+    <a href="{{ url_for('index', subdomain=none, _external=true) }}">Hasjob</a> is a service of <a href="https://hasgeek.com/">HasGeek</a>. Write to us at <a href="mailto:{{ config['SUPPORT_EMAIL'] }}">{{ config['SUPPORT_EMAIL'] }}</a> if you have suggestions or questions on this service.
+  </p>
 {% endblock %}
diff --git a/hasjob/templates/respond_email.html.jinja2 b/hasjob/templates/respond_email.html.jinja2
@@ -29,4 +29,9 @@
     <em>Your application on {{ job_application.created_at|longdate }}:</em>
   </p>
   {{ job_application.message|safe }}
+  <hr class="separator">
+  <p>
+    {% if g.board and g.board.not_root %}[{{ g.board.title }}][board] is powered by Hasjob. {% endif -%}
+    <a href="{{ url_for('index', subdomain=none, _external=true) }}">Hasjob</a> is a service of <a href="https://hasgeek.com/">HasGeek</a>. Write to us at <a href="mailto:{{ config['SUPPORT_EMAIL'] }}">{{ config['SUPPORT_EMAIL'] }}</a> if you have suggestions or questions on this service.
+  </p>
 {%- endblock %}