Updated Design for Reminder Email

app/assets/stylesheets/mailers/custom-mailer-styles.scss

@@ -1,17 +1,23 @@
-.pd-logo {
+
-  font-size: 28px;
-}
 
 .email-container {
-  // max-width:600px;
+  .email-heading th {
-  background-color: green;
+    font-family: 'Lato', Helvetica Neue, Helvetica, Ariel, sans-serif;
-  .email-title {
-    font-family: 'HalisR', Helvetica Neue, Helvetica, Ariel, sans-serif !important;
     .prft-slash {
       font-size: 100px;
-      font-weight: 100;
+      font-weight: 200;
-      // color: #EF0734;
       color: $success-color;
+      vertical-align: middle;
     }
+    .email-title {
+      text-transform: uppercase;
+      font-weight: 700;
+      font-size:20px;
+      vertical-align: sub;
+    }
+  }
+  .email-body {
+    font-family: 'Lato', Helvetica Neue, Helvetica, Ariel, sans-serif;
+    font-weight:300;
   }
 }

app/assets/stylesheets/mailers/foundation_global_overrides.scss

@@ -1,4 +1,6 @@
 // manny, put stuff here to override foundation settings
 
-$success-color: salmon;
+$success-color: #EF0734;
-$global-width: 900px;
+$global-width: 600px;
+$body-font-family: inherit;
+$body-background: #ffffff;

app/views/candidate_mailer/reminder.html.inky

@@ -1,13 +1,13 @@
 
 <container class="email-container">
   <row>
-    <columns class="email-title">
+    <columns class="email-heading">
-      <span class="prft-slash">/</span> Skills Assessment Test
+      <span class="prft-slash">/</span> <span class="email-title">Skills Assessment Test</span>
     </columns>
   </row>
 
   <row>
-    <columns>
+    <columns class="email-body">
       <p>Dear <strong><%= @candidate.name %></strong>,</p>
       <p>
         Thank you for taking the Skills Assessment Test. However, it looks like you have not submitted it