From e13a48b57219eb2226a6ba65adf642b983965573 Mon Sep 17 00:00:00 2001
From: decabeza <alberto@decabeza.es>
Date: Thu, 19 Oct 2017 12:27:22 +0200
Subject: [PATCH] adds styles to polls stats

---
 app/assets/stylesheets/layout.scss        |   4 +
 app/assets/stylesheets/participation.scss |  50 ++++++++
 app/views/polls/stats.html.erb            | 136 +++++++++++++---------
 3 files changed, 134 insertions(+), 56 deletions(-)

diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 9e6d3bc08..9428c1982 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -381,6 +381,10 @@ a {
   box-shadow: none;
 }
 
+.uppercase {
+  text-transform: uppercase;
+}
+
 // 02. Header
 // ----------
 
diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss
index a887d83de..382615739 100644
--- a/app/assets/stylesheets/participation.scss
+++ b/app/assets/stylesheets/participation.scss
@@ -8,6 +8,7 @@
 // 06. Budget
 // 07. Proposals successful
 // 08. Polls
+// 09. Polls results and stats
 //
 
 // 01. Votes and supports
@@ -1803,3 +1804,52 @@
     }
   }
 }
+
+// 09. Polls results and stats
+// ---------------------------
+
+.polls-results-stats {
+
+  .sidebar {
+    border-right: 1px solid $border;
+
+    .menu {
+      padding: 0;
+
+      li a {
+        color: $link;
+      }
+    }
+  }
+
+  table {
+    table-layout: fixed;
+
+    caption {
+      padding: $line-height / 2 0;
+      text-align: left;
+    }
+
+    th {
+      text-align: left;
+
+      &.win {
+        background: #009fde;
+      }
+    }
+
+    td {
+
+      &.win {
+        background: #ccedf8;
+        font-weight: bold;
+      }
+    }
+  }
+
+  .number {
+    font-size: rem-calc(60);
+    font-weight: bold;
+    line-height: rem-calc(60);
+  }
+}
diff --git a/app/views/polls/stats.html.erb b/app/views/polls/stats.html.erb
index 20e5411ab..5daaf433a 100644
--- a/app/views/polls/stats.html.erb
+++ b/app/views/polls/stats.html.erb
@@ -1,25 +1,28 @@
 <% provide :title do %><%= @poll.name %><% end %>
 
-<div class="polls-show">
+<div class="polls-results-stats">
   <%= render "poll_header" %>
 
   <%= render "poll_subnav" %>
 
-  <div class="row margin">
-    <div class="small-12 medium-3 column sidebar">
-      <p><%= t("polls.show.stats.title") %></p>
+  <div class="row margin" data-equalizer>
+    <div class="small-12 medium-3 column sidebar" data-equalizer-watch>
+      <p><strong><%= t("polls.show.stats.title") %></strong></p>
+
       <ul class="menu vertical margin-top">
         <li><a href="#total"><%= t("polls.show.stats.total_participation") %></a></li>
       </ul>
     </div>
-    <div class="small-12 medium-9 column">
+
+    <div class="small-12 medium-9 column" data-equalizer-watch>
       <h3 id="total"><%= t("polls.show.stats.total_participation") %></h3>
 
-      <p class="stat-number margin-top">
+      <p class="margin-top uppercase">
         <%= t("polls.show.stats.total_votes") %><br>
-        <span><%= @stats[:total_participants] %></span>
+        <span class="number"><%= @stats[:total_participants] %></span>
       </p>
-      <table class="polls-total-stats">
+
+      <table>
         <thead>
           <tr>
             <th scope="col"><%= t("polls.show.stats.votes") %></th>
@@ -30,60 +33,81 @@
         </thead>
         <tbody>
           <tr>
-            <th><%= t("polls.show.stats.valid") %></th>
-            <td><%= @stats[:total_web_valid] %> <small><em>
-            (<%= number_to_percentage(@stats[:valid_percentage_web],
-                                    strip_insignificant_zeros: true,
-                                    precision: 2) %>)</em></small></td>
-            <td><%= @stats[:total_booth_valid] %> <small><em>
-            (<%= number_to_percentage(@stats[:valid_percentage_booth],
-                                    strip_insignificant_zeros: true,
-                                    precision: 2) %>)</em></small></td>
-            <td><%= @stats[:total_valid_votes] %> <small><em>
-            (<%= number_to_percentage(@stats[:total_valid_percentage],
-                                    strip_insignificant_zeros: true,
-                                    precision: 2) %>)</em></small></td>
+            <th scope="row"><%= t("polls.show.stats.valid") %></th>
+            <td>
+              <%= @stats[:total_web_valid] %>
+              <small><em>(<%= number_to_percentage(@stats[:valid_percentage_web],
+                                                  strip_insignificant_zeros: true,
+                                                  precision: 2) %>)</em></small>
+            </td>
+            <td>
+              <%= @stats[:total_booth_valid] %>
+              <small><em>(<%= number_to_percentage(@stats[:valid_percentage_booth],
+                                                  strip_insignificant_zeros: true,
+                                                  precision: 2) %>)</em></small>
+            </td>
+            <td>
+              <%= @stats[:total_valid_votes] %>
+              <small><em>(<%= number_to_percentage(@stats[:total_valid_percentage],
+                                                  strip_insignificant_zeros: true,
+                                                  precision: 2) %>)</em></small>
+            </td>
           </tr>
           <tr>
-            <th><%= t("polls.show.stats.white") %></th>
-            <td><%= @stats[:total_web_white] %> <small><em>
-            (<%= number_to_percentage(@stats[:white_percentage_web],
-                                    strip_insignificant_zeros: true,
-                                    precision: 2) %>)</em></small></td>
-            <td><%= @stats[:total_booth_white] %> <small><em>
-            (<%= number_to_percentage(@stats[:white_percentage_booth],
-                                    strip_insignificant_zeros: true,
-                                    precision: 2) %>)</em></small></td>
-            <td><%= @stats[:total_white_votes] %> <small><em>
-            (<%= number_to_percentage(@stats[:total_white_percentage],
-                                    strip_insignificant_zeros: true,
-                                    precision: 2) %>)</em></small></td>
+            <th scope="row"><%= t("polls.show.stats.white") %></th>
+            <td>
+              <%= @stats[:total_web_white] %>
+              <small><em>(<%= number_to_percentage(@stats[:white_percentage_web],
+                                                  strip_insignificant_zeros: true,
+                                                  precision: 2) %>)</em></small>
+            </td>
+            <td>
+              <%= @stats[:total_booth_white] %>
+              <small><em>(<%= number_to_percentage(@stats[:white_percentage_booth],
+                                                  strip_insignificant_zeros: true,
+                                                  precision: 2) %>)</em></small>
+            </td>
+            <td><%= @stats[:total_white_votes] %>
+              <small><em>(<%= number_to_percentage(@stats[:total_white_percentage],
+                                                  strip_insignificant_zeros: true,
+                                                  precision: 2) %>)</em></small>
+            </td>
           </tr>
           <tr>
-            <th><%= t("polls.show.stats.null_votes") %></th>
-            <td><%= @stats[:total_web_null] %> <small><em>
-            (<%= number_to_percentage(@stats[:null_percentage_web],
-                                    strip_insignificant_zeros: true,
-                                    precision: 2) %>)</em></small></td>
-            <td><%= @stats[:total_booth_null] %> <small><em>
-            (<%= number_to_percentage(@stats[:null_percentage_booth],
-                                    strip_insignificant_zeros: true,
-                                    precision: 2) %>)</em></small></td>
-            <td><%= @stats[:total_null_votes] %> <small><em>
-            (<%= number_to_percentage(@stats[:total_null_percentage],
-                                    strip_insignificant_zeros: true,
-                                    precision: 2) %>)</em></small></td>
+            <th scope="row"><%= t("polls.show.stats.null_votes") %></th>
+            <td>
+              <%= @stats[:total_web_null] %>
+              <small><em>(<%= number_to_percentage(@stats[:null_percentage_web],
+                                                  strip_insignificant_zeros: true,
+                                                  precision: 2) %>)</em></small>
+            </td>
+            <td>
+              <%= @stats[:total_booth_null] %>
+              <small><em>(<%= number_to_percentage(@stats[:null_percentage_booth],
+                                                  strip_insignificant_zeros: true,
+                                                  precision: 2) %>)</em></small>
+            </td>
+            <td>
+              <%= @stats[:total_null_votes] %>
+              <small><em>(<%= number_to_percentage(@stats[:total_null_percentage],
+                                                  strip_insignificant_zeros: true,
+                                                  precision: 2) %>)</em></small>
+            </td>
           </tr>
           <tr>
-            <th><%= t("polls.show.stats.total") %></th>
-            <td><%= @stats[:total_participants_web] %> <small><em>
-            (<%= number_to_percentage(@stats[:total_participants_web_percentage],
-                                    strip_insignificant_zeros: true,
-                                    precision: 2) %>)</em></small></td>
-            <td><%= @stats[:total_participants_booth] %> <small><em>
-            (<%= number_to_percentage(@stats[:total_participants_booth_percentage],
-                                    strip_insignificant_zeros: true,
-                                    precision: 2) %>)</em></small></td>
+            <th scope="row"><%= t("polls.show.stats.total") %></th>
+            <td>
+              <%= @stats[:total_participants_web] %>
+              <small><em>(<%= number_to_percentage(@stats[:total_participants_web_percentage],
+                                                  strip_insignificant_zeros: true,
+                                                  precision: 2) %>)</em></small>
+            </td>
+            <td>
+              <%= @stats[:total_participants_booth] %>
+              <small><em>(<%= number_to_percentage(@stats[:total_participants_booth_percentage],
+                                                  strip_insignificant_zeros: true,
+                                                  precision: 2) %>)</em></small>
+            </td>
             <td><%= @stats[:total_participants_web] + @stats[:total_participants_booth] %></td>
           </tr>
         </tbody>