From 754ccebe80f3d4ea8ea2208e41b1b58df4724925 Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Tue, 16 Jul 2024 21:17:44 +0200
Subject: [PATCH] UX: fix overflowing quote bar (#27938)

---
 app/assets/stylesheets/common/base/topic-post.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index c78571eec19..7070f34ee68 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -584,6 +584,17 @@ aside.quote {
 
   .buttons {
     display: flex;
+    flex-wrap: wrap;
+    @media screen and (max-width: 420px) {
+      flex-direction: column;
+      align-items: flex-start;
+
+      .btn,
+      .ai-post-helper {
+        width: 100%;
+        justify-content: flex-start;
+      }
+    }
   }
 
   .extra {