From 3e4f7108a0fb51fc2eac56aa4d8a10d5f388a90b Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Fri, 17 Nov 2023 09:26:05 -0600
Subject: [PATCH] message_feed: Vertically align link icon in recipient bar.

---
 web/styles/zulip.css            | 7 +++++++
 web/templates/recipient_row.hbs | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index afe605251c..403d0d16a7 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -1794,6 +1794,13 @@ td.pointer {
     flex-grow: 1;
     align-items: center;
 
+    .external-topic-link {
+        /* Vertically center the external link
+           icon inside its containing anchor. */
+        display: flex;
+        align-items: center;
+    }
+
     .change_visibility_policy {
         cursor: pointer;
 
diff --git a/web/templates/recipient_row.hbs b/web/templates/recipient_row.hbs
index 9c36935ba1..48f26d5f4e 100644
--- a/web/templates/recipient_row.hbs
+++ b/web/templates/recipient_row.hbs
@@ -37,7 +37,7 @@
 
             {{! exterior links (e.g. to a trac ticket) }}
             {{#each topic_links}}
-                <a href="{{this.url}}" target="_blank" rel="noopener noreferrer" class="no-underline">
+                <a href="{{this.url}}" target="_blank" rel="noopener noreferrer" class="external-topic-link no-underline">
                     <i class="fa fa-external-link-square recipient_bar_icon" data-tippy-content="Open {{this.text}}" aria-label="{{t 'External link' }}"></i>
                 </a>
             {{/each}}