From 260c56ab0cf1b9b4474daee1d7200bbba1c4b36d Mon Sep 17 00:00:00 2001
From: Sayam Samal <sayam@zulip.com>
Date: Sat, 22 Mar 2025 02:22:14 +0530
Subject: [PATCH] banners: Fix banner action buttons vertical alignment.

(cherry picked from commit 5f0a55544bf751f68b443e26c1425ab71161d8d3)
---
 web/styles/banners.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/web/styles/banners.css b/web/styles/banners.css
index 817562044f..b2ce71730c 100644
--- a/web/styles/banners.css
+++ b/web/styles/banners.css
@@ -40,6 +40,11 @@
     grid-area: banner-action-buttons;
     display: flex;
     gap: 0.5em; /* 8px at 16px/1em */
+    /* This margin is required to align the banner action
+       buttons vertically, since we cannot use flexbox
+       center alignment as we also need to account for the
+       UI when the banner has a muli-line label. */
+    margin: 0.0625em 0; /* 1px at 16px/1em */
     margin-left: 0.625em; /* 10px at 16px/1em */
 }