Adds styles to dashboard mailing views

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

@@ -2,12 +2,11 @@
   <% if action_name != 'index' %>
     <%= link_to t("dashboard.mailing.mailing_options.preview"),
                 proposal_dashboard_mailing_index_path(proposal),
-                class: 'button expanded' %>
+                class: "button expanded" %>
   <% end %>
 
   <%= link_to t("dashboard.mailing.mailing_options.send", address: current_user.email),
               proposal_dashboard_mailing_index_path(proposal),
               method: :post,
-              class: 'button expanded' %>
+              class: "button expanded" %>
 </div>
-

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

@@ -1,27 +1,38 @@
 <% content_for :action_title, t("dashboard.mailing.index.title") %>
-<div class="row">
-  <div class="small-12 medium-9 column dashboard-mail-preview">
-    <div class="header">
+<div class="row expanded">
+  <div class="small-12 medium-9 large-7 column dashboard-mail-preview">
+    <div class="mail-header">
       <h1><%= proposal.title %></h1>
       <h2><%= t("dashboard.mailer.forward.subtitle") %></h2>
     </div>
-    <%= image_tag proposal.image.attachment.url(:large), class: 'proposal-image' if proposal.image.present? %>
-    <%= image_tag 'default_mailing.jpg', class: 'proposal-image' unless proposal.image.present? %>
+
+    <div class="margin-bottom">
+      <% if proposal.image.present? %>
+        <%= image_tag proposal.image.attachment.url(:large) %>
+      <% else %>
+        <%= image_tag "default_mailing.jpg" %>
+      <% end %>
+    </div>
+
     <div class="mail-body">
       <%== t("dashboard.mailer.forward.introduction") %>
-      <%= link_to t("dashboard.mailer.forward.support_it"), proposal_url(@proposal), class: 'support-link' %>
+
+      <div class="text-center">
+        <%= link_to t("dashboard.mailer.forward.support_it"),
+                    proposal_url(@proposal), class: "button large" %>
+      </div>
+
       <%== t("dashboard.mailer.forward.share_info") %>
 
-      <p class="share-title"><%= t("dashboard.mailer.forward.share_in") %></p>
+      <div class="text-center">
+        <h3><%= t("dashboard.mailer.forward.share_in") %></h3>
         <%= render partial: 'shared/social_share', locals: {
                    title: @proposal.title,
                    url: proposal_url(@proposal),
-                description: @proposal.summary
-              } %>
-
+                   description: @proposal.summary } %>
+      </div>
     </div>
   </div>
 
   <%= render 'mailing_options' %>
 </div>
-

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

@@ -1,5 +1,5 @@
 <% content_for :action_title, t("dashboard.mailing.new.title") %>
-<div class="row">
+<div class="row expanded">
   <div class="small-12 medium-9 column">
     <%== Setting['proposals.email_description'] %>
   </div>