From f0945518ba3bb2686159eae2da368e89736267be Mon Sep 17 00:00:00 2001
From: Anders Kaseorg <anders@zulip.com>
Date: Wed, 27 Mar 2024 13:38:26 -0700
Subject: [PATCH] inbox: Remove flexbox nonsense from user rows.

There was no reason for this to be a flexbox, and it was interfering
with wrapping of long names.

Signed-off-by: Anders Kaseorg <anders@zulip.com>
---
 web/styles/inbox.css                    | 17 +----------------
 web/styles/recent_view.css              | 10 ----------
 web/templates/user_with_status_icon.hbs |  4 ++--
 3 files changed, 3 insertions(+), 28 deletions(-)

diff --git a/web/styles/inbox.css b/web/styles/inbox.css
index cdac68429f..41619b8599 100644
--- a/web/styles/inbox.css
+++ b/web/styles/inbox.css
@@ -405,13 +405,11 @@
                     flex-wrap: wrap;
                     column-gap: 10px;
                     grid-area: recipient_info;
-                    overflow: hidden;
+                    word-break: break-word;
 
                     .user_block {
                         display: flex;
                         align-items: center;
-                        white-space: nowrap;
-                        overflow: hidden;
 
                         .fa-group {
                             font-size: 11px;
@@ -420,19 +418,6 @@
                             margin-top: 5px;
                             opacity: 0.7;
                         }
-
-                        .user_status_icon_wrapper {
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                        }
-                    }
-
-                    .recipients_name {
-                        display: flex;
-                        flex-wrap: wrap;
-                        white-space: nowrap;
-                        gap: 2px;
-                        overflow: hidden;
                     }
                 }
             }
diff --git a/web/styles/recent_view.css b/web/styles/recent_view.css
index a9df2a96f8..ab8c056147 100644
--- a/web/styles/recent_view.css
+++ b/web/styles/recent_view.css
@@ -241,16 +241,6 @@
             align-items: center;
         }
 
-        .flex_container .left_part {
-            flex-wrap: wrap;
-
-            .user_status_icon_wrapper {
-                display: inline-flex;
-                align-items: center;
-                flex-direction: row;
-            }
-        }
-
         .flex_container .right_part {
             margin-left: auto;
             display: inline-flex;
diff --git a/web/templates/user_with_status_icon.hbs b/web/templates/user_with_status_icon.hbs
index c09804b5b7..2d6d253170 100644
--- a/web/templates/user_with_status_icon.hbs
+++ b/web/templates/user_with_status_icon.hbs
@@ -1,4 +1,4 @@
-<div class="user_status_icon_wrapper">
+<span class="user_status_icon_wrapper">
     <span class="user-name">{{name}}</span>
     {{> status_emoji status_emoji_info}}
-</div>
+</span>