graham/towerops
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: align Send Invite button with form inputs

Browse source 
Add invisible label above button to match input field structure,
ensuring proper vertical alignment when using items-end grid alignment.
This commit is contained in:
Graham McIntire 2026-03-08 16:14:44 -05:00
parent c8f167cec6
commit 5a63adacef
No known key found for this signature in database
1 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
lib/towerops_web/live/org/settings_live.html.heex
View file

@ -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>