From 4b5c641d1b72b14ef905a443dcc08e031b16cda1 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Fri, 10 Oct 2025 18:22:18 +0200
Subject: [PATCH] refactor: reposition POST badge as button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Moved POST badge to align at the end of the input field and styled it as a button.

Changes:
- Changed flex container from items-start to items-end
- Removed nested div wrapper around input
- Styled POST badge as a button (btn btn-sm btn-warning)
- Used proper button padding and sizing

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../views/livewire/notifications/webhook.blade.php   | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/resources/views/livewire/notifications/webhook.blade.php b/resources/views/livewire/notifications/webhook.blade.php
index 451769c54..8f2dea1ac 100644
--- a/resources/views/livewire/notifications/webhook.blade.php
+++ b/resources/views/livewire/notifications/webhook.blade.php
@@ -23,13 +23,11 @@
         <div class="w-48">
             <x-forms.checkbox canGate="update" :canResource="$settings" instantSave="instantSaveWebhookEnabled" id="webhookEnabled" label="Enabled" />
         </div>
-        <div class="flex items-start gap-2">
-            <span class="px-2 py-1 text-xs font-mono font-semibold rounded bg-warning text-warning-content">POST</span>
-            <div class="flex-1">
-                <x-forms.input canGate="update" :canResource="$settings" type="password"
-                    helper="Enter a valid HTTP or HTTPS URL. Coolify will send POST requests to this endpoint when events occur."
-                    required id="webhookUrl" label="Webhook URL" />
-            </div>
+        <div class="flex items-end gap-2">
+            <x-forms.input canGate="update" :canResource="$settings" type="password"
+                helper="Enter a valid HTTP or HTTPS URL. Coolify will send POST requests to this endpoint when events occur."
+                required id="webhookUrl" label="Webhook URL" />
+            <span class="px-3 py-2 text-sm font-mono font-semibold rounded btn btn-sm btn-warning no-animation">POST</span>
         </div>
     </form>
     <h2 class="mt-4">Notification Settings</h2>