From d640fab6609355e13a460569d6741ce271ae43ac Mon Sep 17 00:00:00 2001
From: Graham McIntie <graham@mcintire.me>
Date: Sat, 14 Feb 2026 16:12:15 -0600
Subject: [PATCH] Fix invite form alignment on members tab

---
 .../live/org/settings_live.html.heex          | 48 ++++++++-----------
 1 file changed, 21 insertions(+), 27 deletions(-)

diff --git a/lib/towerops_web/live/org/settings_live.html.heex b/lib/towerops_web/live/org/settings_live.html.heex
index 9d79fb85..b995f36a 100644
--- a/lib/towerops_web/live/org/settings_live.html.heex
+++ b/lib/towerops_web/live/org/settings_live.html.heex
@@ -579,33 +579,27 @@
 
           <div class="md:col-span-2">
             <.form for={@invite_form} id="invite-form" phx-submit="send_invitation">
-              <div class="flex flex-col gap-4 sm:flex-row sm:items-end">
-                <div class="flex-1">
-                  <.input
-                    field={@invite_form[:email]}
-                    type="email"
-                    label="Email address"
-                    placeholder="colleague@example.com"
-                    required
-                  />
-                </div>
-                <div class="w-full sm:w-40">
-                  <.input
-                    field={@invite_form[:role]}
-                    type="select"
-                    label="Role"
-                    options={[{"Admin", "admin"}, {"Member", "member"}, {"Viewer", "viewer"}]}
-                  />
-                </div>
-                <div>
-                  <button
-                    type="submit"
-                    phx-disable-with="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"
-                  >
-                    Send Invite
-                  </button>
-                </div>
+              <div class="grid gap-4 sm:grid-cols-[1fr_10rem_auto] sm:items-end">
+                <.input
+                  field={@invite_form[:email]}
+                  type="email"
+                  label="Email address"
+                  placeholder="colleague@example.com"
+                  required
+                />
+                <.input
+                  field={@invite_form[:role]}
+                  type="select"
+                  label="Role"
+                  options={[{"Admin", "admin"}, {"Member", "member"}, {"Viewer", "viewer"}]}
+                />
+                <button
+                  type="submit"
+                  phx-disable-with="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]"
+                >
+                  Send Invite
+                </button>
               </div>
             </.form>
           </div>