Email Style

- Added style as per email sent
- Change color
- Changed alignment title
- Added image decide madrid
- Added Shadow to image

app/assets/stylesheets/dashboard.scss

@@ -425,17 +425,32 @@
 .dashboard-mail-preview {
 
   .mail-header {
-    background: #3700fd;
+    background: #0300ff;
     color: #fff;
     padding: $line-height;
-    text-align: center;
+
+    h2 {
+      margin-top: $line-height;
+    }
+  }
+
+  .margin-bottom {
+    img {
+      box-shadow: -16px 61px 49px -19px rgba(0,0,0,0.1);
+    }
   }
 
   .mail-body {
     text-align: justify;
+    color: $text-medium;
 
     .button {
-      background: #3700fd;
+      background: #064c86;
+    }
+
+    img {
+      margin-top: $line-height;
+      max-width: rem-calc(120);
     }
   }
 }
@@ -644,7 +659,7 @@
   }
 
   .poster-content {
-    
+
     h2 {
       font-size: 3cm;
       margin: $line-height 0;

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

@@ -1,7 +1,7 @@
 <% 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="mail-header">
+    <div class="mail-header text-left">
       <h1><%= proposal.title %></h1>
       <h2><%= t("dashboard.mailer.forward.subtitle") %></h2>
     </div>
@@ -32,6 +32,8 @@
                    title: @proposal.title,
                    url: proposal_url(@proposal),
                    description: @proposal.summary } %>
+
+        <%= image_tag "decide_madrid.png" %>
       </div>
     </div>
   </div>