From 70dbbbd1b99501a8a345522fd68064031fe84f73 Mon Sep 17 00:00:00 2001
From: decabeza <alberto@decabeza.es>
Date: Thu, 17 Jan 2019 13:30:35 +0100
Subject: [PATCH] Add stack class to polls stats table

This class improve tables layout on mobile screen sizes.
---
 app/assets/stylesheets/_consul_settings.scss | 3 +++
 app/views/polls/stats.html.erb               | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/_consul_settings.scss b/app/assets/stylesheets/_consul_settings.scss
index 7ffd8ae4f..1275efcfc 100644
--- a/app/assets/stylesheets/_consul_settings.scss
+++ b/app/assets/stylesheets/_consul_settings.scss
@@ -119,3 +119,6 @@ $tab-content-border: $border;
 $orbit-bullet-diameter: 0.8rem;
 
 $pagination-radius: $global-radius;
+
+$show-header-for-stacked: true;
+
diff --git a/app/views/polls/stats.html.erb b/app/views/polls/stats.html.erb
index 76d75df05..f77282b85 100644
--- a/app/views/polls/stats.html.erb
+++ b/app/views/polls/stats.html.erb
@@ -13,7 +13,7 @@
     <div class="small-12 medium-9 column" data-equalizer-watch>
       <%= render "shared/stats/participation", stats: @stats %>
 
-      <table>
+      <table class="stack">
         <thead>
           <tr>
             <th scope="col"><%= t("polls.show.stats.votes") %></th>