From c76fc2e94295a4e3aae1ab12c1d88dda95d6f32d Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Mon, 1 Jul 2024 15:34:08 -0500
Subject: [PATCH] compose_box: Scale send buttons with info density.

Because the formatting buttons are integrated with the message box,
the send button and its accompanying vdots now share the same
button dimensions.
---
 web/styles/compose.css | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/web/styles/compose.css b/web/styles/compose.css
index 888f618b63..43fbab4291 100644
--- a/web/styles/compose.css
+++ b/web/styles/compose.css
@@ -966,7 +966,7 @@ textarea.new_message_textarea {
 
 #compose-send-button {
     width: 74px;
-    height: 28px;
+    height: var(--compose-formatting-buttons-row-height);
     /* Allow to grow but not shrink */
     flex: 1 0 auto;
     /* Override inherited styles
@@ -1364,9 +1364,7 @@ textarea.new_message_textarea {
     width: 40px;
     /* Allow to grow but not shrink */
     flex: 1 0 auto;
-    /* TODO: Set this as a variable shared with
-       the send button. */
-    height: 28px;
+    height: var(--compose-formatting-buttons-row-height);
     /* Make the vdots appear to extend from
        beneath the send button when an
        interactive background is present.
@@ -1408,7 +1406,8 @@ textarea.new_message_textarea {
 
     .zulip-icon {
         padding: 5px 0 5px 4px;
-        font-size: 17px;
+        /* 17px at 14px/1em */
+        font-size: 1.2143em;
         flex-grow: 1;
 
         @media (width < $sm_min) {