From 553a8851abff4ec22bafe90e1697e078c5ed8b3a Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Wed, 5 Feb 2025 12:43:13 -0500
Subject: [PATCH] UX: left-align dropdown menu button text (#31198)

When dropdown button text wraps onto multiple lines, it's centered. It
should be left-aligned instead.

Before:

<img
src="https://github.com/user-attachments/assets/64db1e0c-8dc0-4e26-8b07-fea938498f80"
width="250"/>

After:

<img
src="https://github.com/user-attachments/assets/7f4c1795-291a-4772-bdb0-f848f3904aa4"
width="250"/>
---
 app/assets/stylesheets/common/components/dropdown-menu.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/assets/stylesheets/common/components/dropdown-menu.scss b/app/assets/stylesheets/common/components/dropdown-menu.scss
index d0b5e938592..0e552779ef3 100644
--- a/app/assets/stylesheets/common/components/dropdown-menu.scss
+++ b/app/assets/stylesheets/common/components/dropdown-menu.scss
@@ -9,6 +9,7 @@
       padding: 0.65rem 1rem;
       width: 100%;
       justify-content: flex-start;
+      text-align: left;
     }
   }