From fd0f96fee55ee7076173c8b7eee97cc3e39a10fb Mon Sep 17 00:00:00 2001
From: Ian Littman <iansltx@gmail.com>
Date: Wed, 15 Jan 2025 06:47:06 -0600
Subject: [PATCH 1/2] Initial attempt at help text for SMTP saves

For #25109
---
 frontend/pages/admin/OrgSettingsPage/cards/Smtp/Smtp.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/pages/admin/OrgSettingsPage/cards/Smtp/Smtp.tsx b/frontend/pages/admin/OrgSettingsPage/cards/Smtp/Smtp.tsx
index eaef7914de9d..91b509cdb413 100644
--- a/frontend/pages/admin/OrgSettingsPage/cards/Smtp/Smtp.tsx
+++ b/frontend/pages/admin/OrgSettingsPage/cards/Smtp/Smtp.tsx
@@ -320,6 +320,10 @@ const Smtp = ({
         >
           Save
         </Button>
+        <p>
+          We&apos;ll attempt to send a text email when saving changes to SMTP
+          settings.
+        </p>
       </form>
     );
   };

From b7481b2a435826d6ccdf5c3f8bb233c927687e6a Mon Sep 17 00:00:00 2001
From: Ian Littman <iansltx@gmail.com>
Date: Wed, 15 Jan 2025 08:57:17 -0600
Subject: [PATCH 2/2] Clean up styling

---
 .../pages/admin/OrgSettingsPage/_styles.scss  | 11 ++++++++
 .../admin/OrgSettingsPage/cards/Smtp/Smtp.tsx | 28 ++++++++++---------
 2 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/frontend/pages/admin/OrgSettingsPage/_styles.scss b/frontend/pages/admin/OrgSettingsPage/_styles.scss
index 10d7a76b4af3..1c93acac581b 100644
--- a/frontend/pages/admin/OrgSettingsPage/_styles.scss
+++ b/frontend/pages/admin/OrgSettingsPage/_styles.scss
@@ -23,6 +23,17 @@
     }
 
     .app-config-form {
+      &__smtp-help-text {
+        display: flex;
+        gap: $pad-small;
+        align-items: center;
+      }
+
+      &__smtp-help-text p {
+        padding-top: 1rem;
+        padding-left: 0.5rem;
+      }
+
       &__section {
         @include clearfix;
         animation: fade-in 200ms ease-out;
diff --git a/frontend/pages/admin/OrgSettingsPage/cards/Smtp/Smtp.tsx b/frontend/pages/admin/OrgSettingsPage/cards/Smtp/Smtp.tsx
index 91b509cdb413..788f5e12aa5b 100644
--- a/frontend/pages/admin/OrgSettingsPage/cards/Smtp/Smtp.tsx
+++ b/frontend/pages/admin/OrgSettingsPage/cards/Smtp/Smtp.tsx
@@ -311,19 +311,21 @@ const Smtp = ({
           }
         />
         {renderSmtpSection()}
-        <Button
-          type="submit"
-          variant="brand"
-          disabled={Object.keys(formErrors).length > 0}
-          className="button-wrap"
-          isLoading={isUpdatingSettings}
-        >
-          Save
-        </Button>
-        <p>
-          We&apos;ll attempt to send a text email when saving changes to SMTP
-          settings.
-        </p>
+        <div className={`${baseClass}__smtp-help-text`}>
+          <Button
+            type="submit"
+            variant="brand"
+            disabled={Object.keys(formErrors).length > 0}
+            className="button-wrap"
+            isLoading={isUpdatingSettings}
+          >
+            Save
+          </Button>
+          <p>
+            We&apos;ll attempt to send a text email when saving changes to SMTP
+            settings.
+          </p>
+        </div>
       </form>
     );
   };