From d38ef88b062a585131feadeb222248ac432f9eb3 Mon Sep 17 00:00:00 2001
From: decabeza <alberto@decabeza.es>
Date: Fri, 5 Oct 2018 18:38:17 +0200
Subject: [PATCH] Adds styles to dashboard poster views

---
 ...preview.scss => dashboard_poster_pdf.scss} |  8 ++---
 ...ions.html.erb => _poster_options.html.erb} |  7 ++--
 app/views/dashboard/poster/index.html.erb     | 36 ++++++++++---------
 app/views/dashboard/poster/index.pdf.erb      |  7 ++--
 app/views/dashboard/poster/new.html.erb       |  4 +--
 5 files changed, 31 insertions(+), 31 deletions(-)
 rename app/assets/stylesheets/{dashboard_poster_preview.scss => dashboard_poster_pdf.scss} (94%)
 rename app/views/dashboard/poster/{_options.html.erb => _poster_options.html.erb} (74%)

diff --git a/app/assets/stylesheets/dashboard_poster_preview.scss b/app/assets/stylesheets/dashboard_poster_pdf.scss
similarity index 94%
rename from app/assets/stylesheets/dashboard_poster_preview.scss
rename to app/assets/stylesheets/dashboard_poster_pdf.scss
index 418ec2a56..58edd31bc 100644
--- a/app/assets/stylesheets/dashboard_poster_preview.scss
+++ b/app/assets/stylesheets/dashboard_poster_pdf.scss
@@ -1,12 +1,12 @@
-.dashboard-poster-preview {
+.dashboard-poster-pdf {
 
   .header {
-    background-color: #3700fd; 
+    background-color: #3700fd;
     color: white;
     padding: 40pt 40pt 80pt 40pt;
     margin-bottom: 0;
     border-bottom: 0;
-    
+
     h1 {
       font-size: 40pt;
       color: #dcf5fe;
@@ -38,7 +38,7 @@
     display: block;
     margin-top: -75pt;
     margin-bottom: 40pt;
-    
+
     img {
       display: block;
       margin-left: auto;
diff --git a/app/views/dashboard/poster/_options.html.erb b/app/views/dashboard/poster/_poster_options.html.erb
similarity index 74%
rename from app/views/dashboard/poster/_options.html.erb
rename to app/views/dashboard/poster/_poster_options.html.erb
index 64820f0d0..2105e7b59 100644
--- a/app/views/dashboard/poster/_options.html.erb
+++ b/app/views/dashboard/poster/_poster_options.html.erb
@@ -2,12 +2,11 @@
   <% if action_name != 'index' %>
     <%= link_to t("dashboard.poster.options.preview"),
                 proposal_dashboard_poster_index_path(proposal),
-                class: 'button expanded' %>
+                class: "button expanded" %>
   <% end %>
 
   <%= link_to t("dashboard.poster.options.download"),
               proposal_dashboard_poster_index_path(proposal, format: :pdf),
-              target: '_blank',
-              class: 'button expanded' %>
+              target: "_blank",
+              class: "button expanded" %>
 </div>
-
diff --git a/app/views/dashboard/poster/index.html.erb b/app/views/dashboard/poster/index.html.erb
index 9f22cdfc2..043f161ef 100644
--- a/app/views/dashboard/poster/index.html.erb
+++ b/app/views/dashboard/poster/index.html.erb
@@ -1,25 +1,27 @@
 <% content_for :action_title, t("dashboard.poster.index.title") %>
-<div class="row">
-  <div class="small-12 medium-9 column dashboard-poster-preview">
-    <div class="header">
-      <h1><%= t("dashboard.poster.index.h1") %></h1>
-      <h2><%= t("dashboard.poster.index.h2") %></h2>
-      <p><%= t("dashboard.poster.index.intro_text") %></p>
-      <p class="image-caption"><%= t("dashboard.poster.index.proposal_code", code: proposal.code) %></p>
+<div class="row expanded">
+  <div class="small-12 medium-9 large-7 column dashboard-poster-preview">
+    <div class="poster-header">
+      <h1><%= t("dashboard.poster.index.poster_title_html") %></h1>
+      <p class="intro"><%= t("dashboard.poster.index.intro_text") %></p>
+      <p class="text-center">
+        <strong><%= t("dashboard.poster.index.proposal_code", code: proposal.code) %></strong>
+      </p>
     </div>
 
-    <div class="proposal-image">
-      <%= 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? %>
+    <% if proposal.image.present? %>
+      <%= image_tag proposal.image.attachment.url(:large) %>
+    <% else %>
+      <%= image_tag "default_mailing.jpg" %>
+    <% end %>
+
+    <div class="margin text-center">
+      <h2><%= t("dashboard.poster.index.support") %></h2>
+      <h3 class="proposal-title">"<%= proposal.title %>"</h3>
     </div>
 
-    <h3><%= t("dashboard.poster.index.h3") %></h3>
-
-    <div class="proposal-title">"<%= proposal.title %>"</div>
-
-    <div class="poster-footer"><%= t("dashboard.poster.index.footer") %></div>
+    <p class="poster-footer"><%= t("dashboard.poster.index.footer") %></p>
   </div>
 
-  <%= render 'options' %>
+  <%= render 'poster_options' %>
 </div>
-
diff --git a/app/views/dashboard/poster/index.pdf.erb b/app/views/dashboard/poster/index.pdf.erb
index 30d3633bb..4e8e35805 100644
--- a/app/views/dashboard/poster/index.pdf.erb
+++ b/app/views/dashboard/poster/index.pdf.erb
@@ -8,10 +8,9 @@
 </head>
 <body>
   <div class="row">
-    <div class="small-12 medium-9 column dashboard-poster-preview dashboard-poster-pdf">
+    <div class="small-12 medium-9 column dashboard-poster-pdf">
       <div class="header">
-        <h1><%= t("dashboard.poster.index.h1") %></h1>
-        <h2><%= t("dashboard.poster.index.h2") %></h2>
+        <h1><%= t("dashboard.poster.index.poster_title_html") %></h1>
         <p><%= t("dashboard.poster.index.intro_text") %></p>
         <p class="image-caption"><%= t("dashboard.poster.index.proposal_code", code: proposal.code) %></p>
       </div>
@@ -21,7 +20,7 @@
         <%= wicked_pdf_image_tag 'default_mailing.jpg', class: 'proposal-image' unless proposal.image.present? %>
       </div>
 
-      <h3><%= t("dashboard.poster.index.h3") %></h3>
+      <h3><%= t("dashboard.poster.index.support") %></h3>
 
       <div class="proposal-title">"<%= proposal.title %>"</div>
 
diff --git a/app/views/dashboard/poster/new.html.erb b/app/views/dashboard/poster/new.html.erb
index d1d28ba31..2b3ade042 100644
--- a/app/views/dashboard/poster/new.html.erb
+++ b/app/views/dashboard/poster/new.html.erb
@@ -1,8 +1,8 @@
 <% content_for :action_title, t("dashboard.poster.new.title") %>
-<div class="row">
+<div class="row expanded">
   <div class="small-12 medium-9 column">
     <%== Setting['proposals.poster_description'] %>
   </div>
 
-  <%= render 'options' %>
+  <%= render 'poster_options' %>
 </div>