fix: position Update button next to comment field for locked variables

Moved the Update button to appear inline with the comment field for better UX when editing comments on locked environment variables. The button now appears on the same row as the comment input on larger screens.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Andras Bacsai 2025-11-18 15:24:19 +01:00
parent c1be02dfb9
commit dfb180601a

View file

@ -22,9 +22,12 @@
@endcan
</div>
@can('update', $this->env)
<div class="w-full">
<x-forms.input id="comment" label="Comment (Optional)"
helper="Add a note to document what this environment variable is used for." maxlength="256" />
<div class="flex flex-col w-full gap-2 lg:flex-row lg:items-end">
<div class="flex-1">
<x-forms.input id="comment" label="Comment (Optional)"
helper="Add a note to document what this environment variable is used for." maxlength="256" />
</div>
<x-forms.button type="submit">Update</x-forms.button>
</div>
<div class="flex flex-col w-full gap-3">
<div class="flex flex-wrap w-full items-center gap-4">
@ -71,9 +74,6 @@
@endif
</div>
</div>
<div class="flex w-full justify-end gap-2">
<x-forms.button type="submit">Update</x-forms.button>
</div>
@else
<div class="flex flex-col w-full gap-3">
<div class="flex flex-wrap w-full items-center gap-4">