Improves proposal ballot banner, deletes unused partial

app/assets/stylesheets/participation.scss

@@ -930,7 +930,7 @@
 // 05. Featured
 // ------------
 
-.featured-debates, .featured-proposals, .featured-proposals-ballot,
+.featured-debates, .featured-proposals,
 .proposals-ballot, .proposals-ballot-list {
   padding: $line-height/2 0;
 
@@ -1035,36 +1035,44 @@
 // 06. Proposals successfull
 // -------------------------
 
-.successfull-heading {
+.dark-heading {
   background: #2D3E50;
   color: white;
-  min-height: $line-height*8;
+
+  @include breakpoint(medium) {
+    padding-bottom: $line-height;
+  }
 
   p {
     margin-bottom: 0;
+
+    &.title {
+      color: #FFD200;
+    }
   }
 
   .info {
-    background: #34495E;
-    padding: $line-height;
+    background: #314253;
+    padding-top: $line-height;
 
     @include breakpoint(medium) {
-      border-radius: rem-calc(6);
+      border-top: rem-calc(6) solid #FFD200;
     }
   }
 }
 
 .featured-proposals-ballot-banner {
-  background: #2D3E50;
+  background: #2D3E50 image-url("ballot.gif");
+  background-position: 90% 0;
+  background-repeat: no-repeat;
   position: relative;
-  text-align: center;
 
-  h2, p {
-    color: white;
+  h2, a:hover h2 {
+    color: #FFD200 !important;
   }
 
-  .button {
-    background: #E74B3C;
+  p {
+    color: white;
   }
 
   @include breakpoint(medium) {
@@ -1073,35 +1081,11 @@
   }
 }
 
-.featured-proposals-ballot {
-  background: #FFFBCC;
-  position: relative;
-
-  .button {
-    color: white;
-    font-size: $base-font-size;
-    margin-bottom: 0;
-  }
-
-  a {
-    display: block;
-    padding: $line-height/2 0;
-
-    &:hover {
-      text-decoration: none;
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
-}
-
-.featured-proposals-ballot, .featured-proposals-ballot-banner,
+.featured-proposals-ballot-banner,
 .successfull .panel {
 
   .icon-successfull {
-    border-right: 60px solid #34495E;
+    border-right: 60px solid #FFD200;
     border-top: 0;
     border-bottom: 60px solid transparent;
     height: 0;
@@ -1111,7 +1095,7 @@
     width: 0;
 
     &:after {
-      color: white;
+      color: #1B254C;
       content: "\59";
       font-family: "icons" !important;
       left: 34px;

app/views/proposal_ballots/_featured_successfull_proposal.html.erb

@@ -1,3 +0,0 @@
-<div id="<%= dom_id(proposal) %>_next_voting" class="proposal-sucessfull">
-  <h3><%= link_to proposal.title, proposal_ballots_path %></h3>
-</div>

app/views/proposal_ballots/index.html.erb

@@ -1,6 +1,6 @@
-<div class="expanded no-margin-top margin-bottom padding successfull-heading">
+<div class="expanded no-margin-top margin-bottom dark-heading">
   <div class="row" data-equalizer>
-    <div class="small-12 medium-8 column" data-equalizer-watch>
+    <div class="small-12 medium-6 column padding" data-equalizer-watch>
       <h2>
         <%= t("proposal_ballots.title") %>
       </h2>
@@ -11,7 +11,7 @@
     </div>
 
     <div class="small-12 medium-4 column info" data-equalizer-watch>
-      <p><span class="icon-calendar"></span>&nbsp;<%= t("proposal_ballots.date_title") %></p>
+      <p class="title"><strong><%= t("proposal_ballots.date_title") %></strong></p>
       <h3><%= t("proposal_ballots.date") %></h3>
     </div>
   </div>

app/views/proposals/index.html.erb

@@ -32,29 +32,14 @@
       <% end %>
 
       <% if @proposal_ballots.present? %>
-        <div id="next-voting" class="row featured-proposals-ballot-banner margin-bottom">
-          <div class="small-12 column padding">
-            <div class="icon-successfull"></div>
-            <h2>
-              <%= t("proposal_ballots.featured_title") %>
-            </h2>
-            <p><%= t("proposal_ballots.info") %></p>
-            <div class="small-12 medium-4 small-centered">
-              <%= link_to t("proposal_ballots.info_button"), proposal_ballots_path, class: "button expanded" %>
+        <div id="next-voting" class="row featured-proposals-ballot-banner">
+          <%= link_to proposal_ballots_path do %>
+            <div class="small-12 column padding">
+              <div class="icon-successfull"></div>
+              <h2><%= t("proposal_ballots.featured_title") %></h2>
+              <p><%= t("proposal_ballots.info") %></p>
             </div>
-          </div>
-        </div>
-
-        <div class="row featured-proposals-ballot">
-          <div class="small-12 column">
-            <div class="icon-successfull"></div>
-            <h2>
-              <%= t("proposal_ballots.featured_title") %>
-            </h2>
-            <% @proposal_ballots.each do |proposal_ballot| %>
-              <%= render "proposal_ballots/featured_successfull_proposal", proposal: proposal_ballot %>
-            <% end %>
-          </div>
+          <% end %>
         </div>
       <% elsif @featured_proposals.present? %>
         <div id="featured-proposals" class="row featured-proposals">