From 5a63adacefe2b7f973cbffa7ca89b14bfe79a71c Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Sun, 8 Mar 2026 16:14:44 -0500
Subject: [PATCH] fix: align Send Invite button with form inputs

Add invisible label above button to match input field structure,
ensuring proper vertical alignment when using items-end grid alignment.
---
 .../live/org/settings_live.html.heex          | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/lib/towerops_web/live/org/settings_live.html.heex b/lib/towerops_web/live/org/settings_live.html.heex
index 74c86148..d502bc2b 100644
--- a/lib/towerops_web/live/org/settings_live.html.heex
+++ b/lib/towerops_web/live/org/settings_live.html.heex
@@ -644,13 +644,18 @@
                     {"Viewer", "viewer"}
                   ]}
                 />
-                <button
-                  type="submit"
-                  phx-disable-with={t("Sending...")}
-                  class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 dark:bg-indigo-500 dark:shadow-none dark:hover:bg-indigo-400 h-[42px]"
-                >
-                  {t("Send Invite")}
-                </button>
+                <div>
+                  <label class="block text-sm/6 font-medium text-gray-900 dark:text-white invisible">
+                    &nbsp;
+                  </label>
+                  <button
+                    type="submit"
+                    phx-disable-with={t("Sending...")}
+                    class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 dark:bg-indigo-500 dark:shadow-none dark:hover:bg-indigo-400 h-[42px]"
+                  >
+                    {t("Send Invite")}
+                  </button>
+                </div>
               </div>
             </.form>
           </div>