From fc7770100bf7e47a34ec655e29f247f127013cf2 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Wed, 10 Sep 2025 18:29:52 +0200
Subject: [PATCH] refactor(application-source): improve layout and
 accessibility of Git repository links in the application source view

---
 .../project/application/source.blade.php      | 34 ++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/resources/views/livewire/project/application/source.blade.php b/resources/views/livewire/project/application/source.blade.php
index 9e746fadb..9d0d53f2e 100644
--- a/resources/views/livewire/project/application/source.blade.php
+++ b/resources/views/livewire/project/application/source.blade.php
@@ -5,25 +5,25 @@
             @can('update', $application)
                 <x-forms.button type="submit">Save</x-forms.button>
             @endcan
-            <a target="_blank" class="hover:no-underline" href="{{ $application?->gitBranchLocation }}">
-                <x-forms.button>
+            <div class="flex items-center gap-4 px-2">
+                <a target="_blank" class="hover:no-underline flex items-center gap-1"
+                    href="{{ $application?->gitBranchLocation }}">
                     Open Repository
                     <x-external-link />
-                </x-forms.button>
-            </a>
-            @if (data_get($application, 'source.is_public') === false)
-                <a target="_blank" class="hover:no-underline" href="{{ getInstallationPath($application->source) }}">
-                    <x-forms.button>
+                </a>
+                @if (data_get($application, 'source.is_public') === false)
+                    <a target="_blank" class="hover:no-underline flex items-center gap-1"
+                        href="{{ getInstallationPath($application->source) }}">
                         Open Git App
                         <x-external-link />
-                    </x-forms.button>
-                </a>
-            @endif
-            <a target="_blank" class="flex hover:no-underline" href="{{ $application?->gitCommits }}">
-                <x-forms.button>Open Commits on Git
+                    </a>
+                @endif
+                <a target="_blank" class="flex hover:no-underline items-center gap-1"
+                    href="{{ $application?->gitCommits }}">
+                    Open Commits on Git
                     <x-external-link />
-                </x-forms.button>
-            </a>
+                </a>
+            </div>
         </div>
         <div class="pb-4">Code source of your application.</div>
 
@@ -34,11 +34,13 @@
                 </div>
             @endif
             <div class="flex gap-2">
-                <x-forms.input placeholder="coollabsio/coolify-example" id="gitRepository" label="Repository" canGate="update" :canResource="$application" />
+                <x-forms.input placeholder="coollabsio/coolify-example" id="gitRepository" label="Repository"
+                    canGate="update" :canResource="$application" />
                 <x-forms.input placeholder="main" id="gitBranch" label="Branch" canGate="update" :canResource="$application" />
             </div>
             <div class="flex items-end gap-2">
-                <x-forms.input placeholder="HEAD" id="gitCommitSha" placeholder="HEAD" label="Commit SHA" canGate="update" :canResource="$application" />
+                <x-forms.input placeholder="HEAD" id="gitCommitSha" placeholder="HEAD" label="Commit SHA"
+                    canGate="update" :canResource="$application" />
             </div>
         </div>