From 90e67f7d752363821f72ff3a9cbc709e30f147c8 Mon Sep 17 00:00:00 2001
From: Aman Agrawal <amanagr@zulip.com>
Date: Tue, 20 Feb 2024 17:56:53 +0000
Subject: [PATCH] upgrade: Fix spacing issue for fixed plan upgrade page.

---
 templates/corporate/billing/upgrade.html | 10 ++++++----
 web/styles/portico/billing.css           |  9 ++-------
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/templates/corporate/billing/upgrade.html b/templates/corporate/billing/upgrade.html
index 0dd6ce19ad..923b4861ab 100644
--- a/templates/corporate/billing/upgrade.html
+++ b/templates/corporate/billing/upgrade.html
@@ -37,10 +37,12 @@
         <div class="white-box">
             <div id="upgrade-page-details">
                 {% if pay_by_invoice_payments_page %}
-                <div id="pay-by-invoice-details">
-                    <a href="{{ pay_by_invoice_payments_page }}" target="_blank" rel="noopener noreferrer">An invoice</a>
-                    for $<span class="due-today-price"></span> has been sent to <b>{{email}}</b>.
-                    To complete the plan upgrade process, please pay the amount due.
+                <div class="input-box top-of-page-notice upgrade-page-field">
+                    <div class="not-editable-realm-field">
+                        <a href="{{ pay_by_invoice_payments_page }}" target="_blank" rel="noopener noreferrer">An invoice</a>
+                        for $<span class="due-today-price"></span> has been sent to <b>{{email}}</b>.
+                        To complete the plan upgrade process, please pay the amount due.
+                    </div>
                 </div>
                 {% else %}
                 <input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}" />
diff --git a/web/styles/portico/billing.css b/web/styles/portico/billing.css
index 9c869cbfe2..7b6f0151ec 100644
--- a/web/styles/portico/billing.css
+++ b/web/styles/portico/billing.css
@@ -594,7 +594,8 @@ input[name="licenses"] {
 #remote-billing-confirm-email-intro .not-editable-realm-field,
 #billing-page-details .billing-frequency-message.not-editable-realm-field,
 #free-trial-top-banner .not-editable-realm-field,
-#upgrade-page-details .license-management-section .not-editable-realm-field {
+#upgrade-page-details .license-management-section .not-editable-realm-field,
+#upgrade-page-details .top-of-page-notice .not-editable-realm-field {
     padding-top: 0;
 }
 
@@ -745,9 +746,3 @@ input[name="licenses"] {
 .flat-discount-separator {
     border-bottom: 1px solid hsl(0deg 0% 0%);
 }
-
-#upgrade-page-details #pay-by-invoice-details {
-    width: 450px;
-    font-weight: normal;
-    padding-left: 15px;
-}