MM-47680 Fix Thread Footer Buttons (#26603)

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;
     }
 

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 {