From d9654f4f0a92b4ebec3a64662a982945f17fb51a Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@stolley.dev>
Date: Thu, 27 Apr 2023 12:43:08 -0500
Subject: [PATCH] css: Introduce padded vdots for send later.

This uses eyeballed vertical padding on the nested .zulip-icon class
to ensure that the entire send-later button area is clickable (and
not merely hoverable).
---
 web/styles/compose.css    | 5 +++--
 web/templates/compose.hbs | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/styles/compose.css b/web/styles/compose.css
index 0b7cb355ce..ffb1d70272 100644
--- a/web/styles/compose.css
+++ b/web/styles/compose.css
@@ -862,10 +862,11 @@ a.compose_control_button.hide {
     padding: 0;
     margin: 0;
 
-    .fa {
-        padding: 4.5px 4px;
+    .zulip-icon {
+        vertical-align: middle;
 
         &::before {
+            padding: 5px 9px;
             position: relative;
             top: -1px;
         }
diff --git a/web/templates/compose.hbs b/web/templates/compose.hbs
index 4d51b9365b..342a1bb7bc 100644
--- a/web/templates/compose.hbs
+++ b/web/templates/compose.hbs
@@ -128,7 +128,7 @@
                                             <span>{{t 'Schedule' }}</span>
                                         </button>
                                         <button class="animated-purple-button message-control-button" id="send_later" tabindex=0 type="button" data-tippy-content="{{t 'Send later' }}">
-                                            <i class="fa fa-chevron-up"></i>
+                                            <i class="zulip-icon zulip-icon-ellipsis-v-solid"></i>
                                         </button>
                                         <template id="send-enter-tooltip-template">
                                             {{t 'Send' }}