From dfaaa859e46daba31d5628f4890e38b7ee9c5086 Mon Sep 17 00:00:00 2001
From: Jarek Radosz <jradosz@gmail.com>
Date: Fri, 3 Jul 2020 02:02:15 +0200
Subject: [PATCH] More grid

grid WIP
---
 .../assets/stylesheets/common/poll-breakdown.scss | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/plugins/poll/assets/stylesheets/common/poll-breakdown.scss b/plugins/poll/assets/stylesheets/common/poll-breakdown.scss
index 8667d9b050..1513a3ccc7 100644
--- a/plugins/poll/assets/stylesheets/common/poll-breakdown.scss
+++ b/plugins/poll/assets/stylesheets/common/poll-breakdown.scss
@@ -24,6 +24,7 @@
 }
 
 .poll-breakdown-sidebar {
+  align-items: center;
   background: hsl(0, 0%, 92%);
   box-sizing: border-box;
   display: flex;
@@ -41,29 +42,29 @@
 }
 
 .poll-breakdown-total-votes {
-  align-self: center;
   font-size: 1.2rem;
   font-weight: 600;
   margin-top: 0.5rem;
 }
 
 .poll-breakdown-options {
+  display: grid;
   list-style: none;
-  margin-left: 0;
-  margin-top: 1.5rem;
+  margin: 1.5rem 0 0 0;
+  row-gap: 1rem;
 }
 
 .poll-breakdown-option {
   align-items: center;
-  display: flex;
-  margin-bottom: 1rem;
+  display: grid;
+  grid: auto / auto-flow;
+  column-gap: 0.66rem;
+  justify-content: flex-start;
 }
 
 .poll-breakdown-option-color {
   border: 1px solid rgba(0, 0, 0, 0.15);
-  flex: 0 0 auto;
   height: 0.5rem;
-  margin-right: 0.66rem;
   width: 0.8rem;
 }