From 166f9ca79d82c4ff39f332fdc7a56426c5f6f335 Mon Sep 17 00:00:00 2001
From: Matthew Birtch <mattbirtch@gmail.com>
Date: Wed, 27 Mar 2024 14:02:25 -0400
Subject: [PATCH] MM-47680 Fix Thread Footer Buttons (#26603)

---
 .../thread_footer/thread_footer.scss              |  4 ++--
 .../threading/common/button/button.scss           | 15 +++++++++++++--
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/webapp/channels/src/components/threading/channel_threads/thread_footer/thread_footer.scss b/webapp/channels/src/components/threading/channel_threads/thread_footer/thread_footer.scss
index 7eb806eb66..bcd044f97f 100644
--- a/webapp/channels/src/components/threading/channel_threads/thread_footer/thread_footer.scss
+++ b/webapp/channels/src/components/threading/channel_threads/thread_footer/thread_footer.scss
@@ -7,7 +7,7 @@
     display: inline-flex;
     width: calc(100% + 15px);
     align-items: center;
-    padding: 0 0 5px 10px;
+    padding: 4px 0 4px 9px;
     margin-top: 1px;
     margin-bottom: 5px;
     color: rgba(var(--center-channel-color-rgb), 0.75);
@@ -29,7 +29,7 @@
     }
 
     .Avatars {
-        margin-right: 4px;
+        margin-right: 2px;
         font-weight: 600;
     }
 
diff --git a/webapp/channels/src/components/threading/common/button/button.scss b/webapp/channels/src/components/threading/common/button/button.scss
index 2a6582448d..5db44a19f1 100644
--- a/webapp/channels/src/components/threading/common/button/button.scss
+++ b/webapp/channels/src/components/threading/common/button/button.scss
@@ -53,6 +53,17 @@
     font-style: normal;
     font-weight: 600;
 
+    &.ReplyButton {
+        overflow:visible;
+        height: 24px;
+        padding-left: 8px;
+    }
+
+    &.FollowButton {
+        overflow:visible;
+        height: 24px;
+    }
+
     &.allowTextOverflow {
         min-width: 4rem;
 
@@ -107,11 +118,11 @@
     }
 
     .Button_prepended {
-        margin-right: 0.5em;
+        margin-right: 0.4em;
     }
 
     .Button_appended {
-        margin-left: 0.5em;
+        margin-left: 0.4em;
     }
 
     .dot {