Fixed some style preview email and email

- Removed class large-7
- Changed font size preview-email and email
- Changed text color in the email
- Changed some font size and padding in the email
- Added some padding in preview email
- Pass scss-lint
- Changed padding and added font size.

app/assets/stylesheets/dashboard.scss

@@ -429,7 +429,7 @@
   .mail-header {
     background: $pdf-primary;
     color: #fff;
-    padding: $line-height;
+    padding: $line-height * 2;
 
     h1 {
       font-size: rem-calc(60);
@@ -442,19 +442,20 @@
 
   .margin-bottom {
     img {
-      box-shadow: -16px 61px 49px -19px rgba(0,0,0,0.1);
+      box-shadow: -16px 61px 49px -19px rgba(0, 0, 0, 0.1);
-      width: 100%
+      width: 100%;
     }
   }
 
   .mail-body {
-    text-align: justify;
     color: $text-medium;
+    padding: $line-height * 2;
+    text-align: left;
 
     .button {
       background: #064c86;
-      box-shadow: -4px 18px 45px -19px rgba(0,0,0,0.75);
+      box-shadow: -4px 18px 45px -19px rgba(0, 0, 0, 0.75);
-      margin-bottom: $line-height;
+      margin-bottom: $line-height * 2;
       margin-top: $line-height;
     }
 
@@ -462,6 +463,11 @@
       margin-top: $line-height;
       max-width: rem-calc(120);
     }
+
+    p {
+      font-size: rem-calc(24);
+      line-height: rem-calc(30);
+    }
   }
 }
 
@@ -473,6 +479,7 @@
   .poster-header {
     background: $pdf-primary;
     color: #fff;
+
     h1 {
       color: #fff;
       text-align: left;
@@ -489,7 +496,7 @@
       position: absolute;
     }
 
-    .overflow-image{
+    .overflow-image {
       background-position: center;
       background-size: cover;
       background-repeat: no-repeat;
@@ -533,7 +540,7 @@
 
   .poster-header {
     height: rem-calc(600);
-    padding: $line-height * 2 $line-height $line-height * 2;
+    padding: $line-height * 2 $line-height;
 
     h1 {
       font-size: rem-calc(60);

app/views/dashboard/mailer/forward.html.erb

@@ -4,8 +4,8 @@
   <table cellpadding="0" cellspacing="0" border="0" style="margin-top: 20px;width: 100%;">
     <tbody>
       <tr>
-        <td style="background: #0300ff; padding: 20px; text-align: left;">
+        <td style="background: #0300ff; padding: 50px; padding-top: 0; text-align: left;">
-          <h1 style="color: #fff; font-size: 60px; line-height: 60px">"<%= @proposal.title %>"</h1>
+          <h1 style="color: #fff; font-size: 60px; line-height: 90px">"<%= @proposal.title %>"</h1>
           <h2 style="color: #fff; font-size: 40px; line-height: 60px""><%= t("dashboard.mailer.forward.subtitle").html_safe %></h2>
         </td>
       </tr>
@@ -18,9 +18,9 @@
     <%= image_tag "default_mailing.jpg", style: "width: 100%; box-shadow: -16px 61px 49px -19px rgba(0,0,0,0.1);" %>
   <% end %>
 
-  <p><%= t("dashboard.mailer.forward.hi")%></p>
+  <p style="padding: 0 50px; font-size:32px; text-align: left; line-height:43px; color: #515151;"><%= t("dashboard.mailer.forward.hi")%></p>
-  <p><%= t("dashboard.mailer.forward.introduction", org: setting['org_name']) %></p>
+  <p style="padding: 0 50px; font-size:32px; text-align: left; line-height:43px; color: #515151;"><%= t("dashboard.mailer.forward.introduction", org: setting['org_name']) %></p>
-  <p><%= t("dashboard.mailer.forward.support") %></p>
+  <p style="padding: 0 50px; font-size:32px; text-align: left; line-height:43px; color: #515151;"><%= t("dashboard.mailer.forward.support") %></p>
 
   <table style="width: 100%;">
     <tbody>
@@ -40,13 +40,13 @@
     </tbody>
   </table>
 
-  <p><%= t("dashboard.mailer.forward.share") %></p>
+  <p style="padding: 0 50px; font-size:32px; text-align: left; line-height:43px; color: #515151;"><%= t("dashboard.mailer.forward.share") %></p>
 
   <table style="width: 100%; margin-top: 24px;">
     <tbody>
       <tr>
         <td style="text-align: center;">
-          <h3><%= t("dashboard.mailer.forward.share_in") %></h3>
+          <h3 style="font-size: 22px; line-height: 10px;"><%= t("dashboard.mailer.forward.share_in") %></h3>
         </td>
       </tr>
       <tr>

app/views/dashboard/mailing/index.html.erb

@@ -1,6 +1,6 @@
 <% content_for :action_title, t("dashboard.mailing.index.title") %>
 <div class="row expanded">
-  <div class="small-12 medium-9 large-7 column dashboard-mail-preview">
+  <div class="small-12 medium-9 dashboard-mail-preview column dashboard-mail-preview">
     <div class="mail-header text-left">
       <h1 class="inline">"<%= proposal.title %>"</h1>
       <h2><%= t("dashboard.mailer.forward.subtitle").html_safe %></h2>
@@ -24,7 +24,9 @@
                     proposal_url(@proposal), class: "button large" %>
       </div>
 
-      <%= t("dashboard.mailer.forward.share") %>
+      <p>
+        <%= t("dashboard.mailer.forward.share") %>
+      </p>
 
       <div class="text-center">
         <h3><%= t("dashboard.mailer.forward.share_in") %></h3>