From c4d69416ca34efb5c99ba58e599c472005b9bc30 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javi=20Mart=C3=ADn?= <javim@elretirao.net>
Date: Wed, 23 Oct 2024 00:27:39 +0200
Subject: [PATCH] Use flex instead of equalizer in polls results

Note that the sidebar class isn't used since commit b91b766e9, so we're
removing it.
---
 app/assets/stylesheets/polls/results.scss     | 22 +++++++++++++++++++
 .../polls/results_component.html.erb          |  6 ++---
 2 files changed, 25 insertions(+), 3 deletions(-)
 create mode 100644 app/assets/stylesheets/polls/results.scss

diff --git a/app/assets/stylesheets/polls/results.scss b/app/assets/stylesheets/polls/results.scss
new file mode 100644
index 000000000..769199149
--- /dev/null
+++ b/app/assets/stylesheets/polls/results.scss
@@ -0,0 +1,22 @@
+.polls-results {
+  .polls-results-content {
+    margin-bottom: $line-height;
+    margin-top: $line-height;
+
+    @include breakpoint(medium) {
+      display: flex;
+
+      > :first-child {
+        flex-basis: 25%;
+      }
+
+      > :last-child {
+        flex-basis: 75%;
+      }
+    }
+
+    > * {
+      @include grid-column-gutter;
+    }
+  }
+}
diff --git a/app/components/polls/results_component.html.erb b/app/components/polls/results_component.html.erb
index a112b9dc2..28e33ad82 100644
--- a/app/components/polls/results_component.html.erb
+++ b/app/components/polls/results_component.html.erb
@@ -5,8 +5,8 @@
 
   <%= render "poll_subnav" %>
 
-  <div class="row margin" data-equalizer data-equalize-on="medium">
-    <div class="small-12 medium-3 column sidebar" data-equalizer-watch>
+  <div class="polls-results-content">
+    <div>
       <p><strong><%= t("polls.show.results.title") %></strong></p>
       <ul class="menu vertical">
         <%- poll.questions.each do |question| %>
@@ -15,7 +15,7 @@
       </ul>
     </div>
 
-    <div class="small-12 medium-9 column" data-equalizer-watch>
+    <div>
       <%= render Polls::Results::QuestionComponent.with_collection(poll.questions) %>
     </div>
   </div>