From 22bb1c89512aa3d563d37d1dd25a46ca2b70de85 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Wed, 6 Dec 2023 10:58:06 -0500
Subject: [PATCH] UX: improve poll text wrap (#24732)

---
 .../poll/assets/stylesheets/common/poll.scss  | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/plugins/poll/assets/stylesheets/common/poll.scss b/plugins/poll/assets/stylesheets/common/poll.scss
index f92144a5d70..ac8030b85e1 100644
--- a/plugins/poll/assets/stylesheets/common/poll.scss
+++ b/plugins/poll/assets/stylesheets/common/poll.scss
@@ -65,6 +65,7 @@ div.poll {
       display: flex;
       flex-wrap: wrap;
       align-items: center;
+      width: 100%;
       gap: 0.25em 0;
 
       @include breakpoint("mobile-extra-large", min-width) {
@@ -101,15 +102,24 @@ div.poll {
           display: flex;
           flex-direction: column;
           align-items: center;
+          .info-label,
+          .info-number {
+            margin: 0;
+          }
           + .poll-info_counts-count {
-            margin-top: 0.5em;
-            display: block;
-            .info-number {
-              margin-right: 0.33em;
-            }
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            justify-content: center;
+            min-width: 0;
+            gap: 0 0.33em;
+            margin: 0.5em;
             .info-number,
             .info-label {
               font-size: var(--font-up-1);
+              min-width: 0;
+              white-space: normal;
+              line-height: var(--line-height-medium);
             }
           }
         }