From 46158a5fe8bc0bb2a23f1e33151e9ced8d3a64a2 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Sat, 25 Oct 2025 11:35:43 +0200
Subject: [PATCH] chore: add spacing and format callout text in modal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added pt-2 for proper spacing between checkbox and warning callout,
and formatted the warning text for better readability.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../livewire/source/github/create.blade.php    | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/resources/views/livewire/source/github/create.blade.php b/resources/views/livewire/source/github/create.blade.php
index 54cb426cb..2b20f95d1 100644
--- a/resources/views/livewire/source/github/create.blade.php
+++ b/resources/views/livewire/source/github/create.blade.php
@@ -14,21 +14,23 @@
                     <x-forms.checkbox id="is_system_wide" label="System Wide"
                         helper="If checked, this GitHub App will be available for everyone in this Coolify instance." />
                 </div>
-                <div x-show="showWarning" x-transition style="display: none;" class="w-full max-w-2xl mx-auto">
+                <div x-show="showWarning" x-transition style="display: none;" class="w-full max-w-2xl mx-auto pt-2">
                     <x-callout type="warning" title="Not Recommended">
                         <div class="whitespace-normal break-words">
-                            System-wide GitHub Apps are shared across all teams on this Coolify instance. This means any team can use this GitHub App to deploy applications from your repositories. For better security and isolation, it's recommended to create team-specific GitHub Apps instead.
+                            System-wide GitHub Apps are shared across all teams on this Coolify instance. This means any team
+                            can use this GitHub App to deploy applications from your repositories. For better security and
+                            isolation, it's recommended to create team-specific GitHub Apps instead.
                         </div>
                     </x-callout>
                 </div>
             </div>
         @endif
         <div x-data="{
-            activeAccordion: '',
-            setActiveAccordion(id) {
-                this.activeAccordion = (this.activeAccordion == id) ? '' : id
-            }
-        }" class="relative w-full py-2 mx-auto overflow-hidden text-sm font-normal rounded-md">
+                                activeAccordion: '',
+                                setActiveAccordion(id) {
+                                    this.activeAccordion = (this.activeAccordion == id) ? '' : id
+                                }
+                            }" class="relative w-full py-2 mx-auto overflow-hidden text-sm font-normal rounded-md">
             <div x-data="{ id: $id('accordion') }" class="cursor-pointer">
                 <button @click="setActiveAccordion(id)"
                     class="flex items-center justify-between w-full px-1 py-2 text-left select-none dark:hover:text-white hover:bg-white/5"
@@ -64,4 +66,4 @@ class="flex items-center justify-between w-full px-1 py-2 text-left select-none
     <x-callout type="warning" title="Permission Required">
         You don't have permission to create new GitHub Apps. Please contact your team administrator for access.
     </x-callout>
-@endcan
+@endcan
\ No newline at end of file