From b06102fb792825e422414b381b83a7a4263f61fe Mon Sep 17 00:00:00 2001
From: decabeza <alberto@decabeza.es>
Date: Sat, 7 Oct 2017 19:37:51 +0200
Subject: [PATCH 1/4] adds image rendering on gallery images

---
 app/assets/stylesheets/participation.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss
index 605afaee8..fc0948a28 100644
--- a/app/assets/stylesheets/participation.scss
+++ b/app/assets/stylesheets/participation.scss
@@ -1615,6 +1615,10 @@
 
 .orbit-slide {
   max-height: none !important;
+
+  img {
+    image-rendering: pixelated;
+  }
 }
 
 .orbit-caption {

From 71d785ba788589cf6afef30f1574a85bba518e10 Mon Sep 17 00:00:00 2001
From: decabeza <alberto@decabeza.es>
Date: Sat, 7 Oct 2017 19:38:17 +0200
Subject: [PATCH 2/4] improves polls index view on mobile version

---
 app/assets/stylesheets/participation.scss | 5 ++++-
 app/views/polls/_poll_group.html.erb      | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss
index fc0948a28..9db08b7ff 100644
--- a/app/assets/stylesheets/participation.scss
+++ b/app/assets/stylesheets/participation.scss
@@ -1658,7 +1658,10 @@
 .poll {
 
   &.with-image {
-    padding: 0 $line-height / 2 0 0;
+
+    @include breakpoint(medium) {
+      padding: 0 $line-height / 2 0 0;
+    }
 
     img {
       height: 100%;
diff --git a/app/views/polls/_poll_group.html.erb b/app/views/polls/_poll_group.html.erb
index b9cbb3c95..529e9a99e 100644
--- a/app/views/polls/_poll_group.html.erb
+++ b/app/views/polls/_poll_group.html.erb
@@ -5,7 +5,7 @@
         <span class="show-for-sr"><%= t("polls.index.already_answer") %></span>
       </div>
     <% end %>
-    <div class="row" data-equalizer>
+    <div class="row" data-equalizer data-equalize-on="medium">
       <div class="small-12 medium-3 column">
         <div class="image-container" data-equalizer-watch>
           <% if poll.image.present? %>

From 5b80d8893efec4b3ff9b3e25d7adc5402ca6eb33 Mon Sep 17 00:00:00 2001
From: decabeza <alberto@decabeza.es>
Date: Sat, 7 Oct 2017 19:38:44 +0200
Subject: [PATCH 3/4] shows always orbit next and previous arrows

---
 app/assets/stylesheets/participation.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss
index 9db08b7ff..c23ea5b6c 100644
--- a/app/assets/stylesheets/participation.scss
+++ b/app/assets/stylesheets/participation.scss
@@ -1626,6 +1626,11 @@
   color: $text;
 }
 
+.orbit-next,
+.orbit-previous {
+  background: rgba(34, 34, 34, 0.25);
+}
+
 .zoom-link {
   background: #fff;
   border-radius: rem-calc(48);

From 63ffb1adca2253553e87b08957117e00e327712b Mon Sep 17 00:00:00 2001
From: decabeza <alberto@decabeza.es>
Date: Sat, 7 Oct 2017 19:39:04 +0200
Subject: [PATCH 4/4] hides zoom icon on mobile version

---
 app/views/polls/_gallery.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/polls/_gallery.html.erb b/app/views/polls/_gallery.html.erb
index 45408c0da..4e234f7fc 100644
--- a/app/views/polls/_gallery.html.erb
+++ b/app/views/polls/_gallery.html.erb
@@ -1,5 +1,5 @@
 <div class="orbit margin-bottom" role="region" aria-label="<%= answer.title %>" data-orbit data-auto-play="false">
-  <a data-toggle="answer_<%= answer.id %> zoom_<%= answer.id %>" class="zoom-link show-for-medium-up">
+  <a data-toggle="answer_<%= answer.id %> zoom_<%= answer.id %>" class="zoom-link hide-for-small-only">
     <span id="zoom_<%= answer.id %>" class="icon-search-plus" data-toggler="icon-search-plus icon-search-minus"></span>
     <span class="show-for-sr"><%= t("polls.show.zoom_plus") %></span>
   </a>