From 078d93e310572d80ab715178b73f2b7094d75968 Mon Sep 17 00:00:00 2001
From: Sahil Batra <sahil@zulip.com>
Date: Tue, 29 Jul 2025 14:35:11 +0530
Subject: [PATCH] drafts-ui: Fix banner shown on deleting drafts.

Banner shown on deleting drafts was broken because "banner-wrapper"
class was missing in container element that led to some CSS not
being applied.

Also, needed to change the "text-align" CSS property to override
the "center" value set for overlay header text because "banner-label"
flex element is allowed to grow and take more width after recent
changes in d00cf1a.
---
 web/styles/drafts.css              | 4 ++++
 web/templates/draft_table_body.hbs | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/styles/drafts.css b/web/styles/drafts.css
index fc1eaa9dfd..2b0a34ea1e 100644
--- a/web/styles/drafts.css
+++ b/web/styles/drafts.css
@@ -1,6 +1,10 @@
 .drafts-container {
     .banner-container {
         margin: 0 25px 5px;
+
+        .banner-label {
+            text-align: left;
+        }
     }
 
     .header-body {
diff --git a/web/templates/draft_table_body.hbs b/web/templates/draft_table_body.hbs
index 82fc226587..d57b76928e 100644
--- a/web/templates/draft_table_body.hbs
+++ b/web/templates/draft_table_body.hbs
@@ -6,7 +6,7 @@
                 <div class="exit">
                     <span class="exit-sign">&times;</span>
                 </div>
-                <div id="draft_overlay_banner_container" class="banner-container"></div>
+                <div id="draft_overlay_banner_container" class="banner-container banner-wrapper"></div>
                 <div class="header-body">
                     <div class="drafts-header-note">
                         <div class="overlay-keyboard-shortcuts">