From ef2c2fe88502b609b797e9ee653f1d5ce203bef7 Mon Sep 17 00:00:00 2001
From: Lauryn Menard <lauryn@zulip.com>
Date: Mon, 20 Oct 2025 18:38:05 +0200
Subject: [PATCH] demo-orgs: Make note about name field a hint in add email
 modal.

Moves the note about possibly updating the name field from the top
of the modal to instead be a hint/subtitle under the field on the
form.
---
 web/styles/modal.css                                | 4 ++++
 web/templates/demo_organization_add_email_modal.hbs | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/styles/modal.css b/web/styles/modal.css
index fd00b9ad64..b2f44cdf9a 100644
--- a/web/styles/modal.css
+++ b/web/styles/modal.css
@@ -397,6 +397,10 @@
     opacity: 0.7;
 }
 
+#demo-owner-update-email-field-hint {
+    opacity: 0.7;
+}
+
 #sender_channel_email_address_widget {
     width: 12.875em; /* 206px at 16px/em */
 }
diff --git a/web/templates/demo_organization_add_email_modal.hbs b/web/templates/demo_organization_add_email_modal.hbs
index 3f21fb2b3d..f4b32638ab 100644
--- a/web/templates/demo_organization_add_email_modal.hbs
+++ b/web/templates/demo_organization_add_email_modal.hbs
@@ -1,11 +1,13 @@
 <form id="demo_organization_add_email_form">
-    <p>{{t "If you haven't updated your name, you may want to do so before inviting other users to join." }}</p>
     <div class="input-group">
         <label for="demo_organization_add_email" class="modal-field-label">{{t "Email" }}</label>
         <input id="demo_organization_add_email" type="text" name="email" class="modal_text_input" value="{{delivery_email}}" autocomplete="off" spellcheck="false" autofocus="autofocus"/>
     </div>
     <div class="input-group">
         <label for="demo_organization_update_full_name" class="modal-field-label">{{t "Name" }}</label>
+        <p id="demo-owner-update-email-field-hint">
+            {{t "If you haven't updated your name, you may want to do so before inviting other users to join."}}
+        </p>
         <input id="demo_organization_update_full_name" name="full_name" type="text" class="modal_text_input" value="{{full_name}}" maxlength="60" />
     </div>
 </form>