From 51d25bad09558f49b3c3acb6afec412bf833abd0 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Fri, 28 Jun 2024 16:16:58 -0400
Subject: [PATCH] message_row: Only set bottom margin on avatar for
 me-messages.

---
 web/styles/message_row.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/web/styles/message_row.css b/web/styles/message_row.css
index b74c2ea309..f1b0bb4dd8 100644
--- a/web/styles/message_row.css
+++ b/web/styles/message_row.css
@@ -280,6 +280,10 @@
                    to center me-messages within the baseline group. */
                 line-height: var(--message-box-avatar-height);
                 align-self: baseline;
+                /* Because the avatar may be the tallest element in a
+                   single-line me message, this margin preserves the
+                   overall height of the message box. */
+                margin-bottom: var(--message-box-vertical-margin);
             }
 
             .message_sender {
@@ -325,10 +329,7 @@
             grid-area: avatar;
             /* The picture should not participate in the baseline group. */
             align-self: start;
-            /* Because the avatar may be the tallest element in a
-              single-line me message, this margin preserves the
-              overall height of the message box. */
-            margin: var(--message-box-vertical-margin) 0;
+            margin-top: var(--message-box-vertical-margin);
         }
 
         .status-message {