From dfb180601ae7e28682dd93a28660ac41f1f0d7f0 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Tue, 18 Nov 2025 15:24:19 +0100
Subject: [PATCH] fix: position Update button next to comment field for locked
 variables
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 .../shared/environment-variable/show.blade.php       | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/views/livewire/project/shared/environment-variable/show.blade.php b/resources/views/livewire/project/shared/environment-variable/show.blade.php
index 918df8e50..c2865ccb8 100644
--- a/resources/views/livewire/project/shared/environment-variable/show.blade.php
+++ b/resources/views/livewire/project/shared/environment-variable/show.blade.php
@@ -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">