From 3c4d1510d5fd789648085282aad72c7f8a093134 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Tue, 23 Apr 2024 15:54:48 -0400
Subject: [PATCH] reactions: Add 5px of bottom space to reactions area with
 reactions.

---
 web/styles/reactions.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/styles/reactions.css b/web/styles/reactions.css
index 58fef47a30..0d484b1a5d 100644
--- a/web/styles/reactions.css
+++ b/web/styles/reactions.css
@@ -2,6 +2,10 @@
     overflow: hidden;
     user-select: none;
 
+    &:has(.message_reaction) {
+        padding-bottom: 5px;
+    }
+
     .message_reaction {
         display: flex;
         /* Set a pixel and half padding to maintain
@@ -106,10 +110,6 @@
         color: var(--color-message-reaction-button-text);
         background-color: var(--color-message-reaction-button-background);
         border: 1px solid var(--color-message-reaction-button-border);
-        /* TODO: Eventually this space will be set on the message
-           box, at least in part, but for now this preserves the
-           space beneath the reactions area. */
-        margin-bottom: 4px;
 
         & i {
             font-size: 1em;