From 3c9c6f0a3b281ee2717b40c32eb367e04f65de61 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Tue, 12 Nov 2024 14:12:46 -0600
Subject: [PATCH] settings: Improve layout of user-list style previews.

---
 web/styles/settings.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/web/styles/settings.css b/web/styles/settings.css
index 526e6749e3..6a4f3c59c7 100644
--- a/web/styles/settings.css
+++ b/web/styles/settings.css
@@ -1217,6 +1217,15 @@ $option_title_width: 180px;
 .user_list_style_values {
     max-width: calc($right_sidebar_width + $option_title_width);
 
+    .preferences-radio-choice-label {
+        justify-content: space-between;
+        margin-right: 6px;
+
+        .right {
+            margin-left: unset;
+        }
+    }
+
     .preview {
         /* Match the 170px width of the right sidebar region for the name/status,
            doing something reasonable if the window shrinks. */
@@ -1228,6 +1237,13 @@ $option_title_width: 180px;
             flex-direction: column;
         }
 
+        .user-name-and-status-emoji {
+            .user-name {
+                max-width: 100%;
+                overflow: hidden;
+            }
+        }
+
         .status-text {
             opacity: 0.75;
             font-size: 90%;