From 444dffb45824400ee788d501f25c0226635226d3 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Wed, 15 May 2024 11:34:59 +0200
Subject: [PATCH] chore: Refactor GitHub app selection UI in project creation
 form

---
 .../new/github-private-repository.blade.php   | 27 ++++++++++---------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/resources/views/livewire/project/new/github-private-repository.blade.php b/resources/views/livewire/project/new/github-private-repository.blade.php
index f5df598db..0f4815bdb 100644
--- a/resources/views/livewire/project/new/github-private-repository.blade.php
+++ b/resources/views/livewire/project/new/github-private-repository.blade.php
@@ -19,22 +19,25 @@
         <h2 class="pt-4 pb-4">Select a Github App</h2>
         <div class="flex flex-col gap-2">
             @if ($current_step === 'github_apps')
-                <div class="flex flex-row justify-center gap-2 text-left">
+                <div class="flex flex-col justify-center gap-2 text-left">
                     @foreach ($github_apps as $ghapp)
-                        <div class="w-full gap-2 py-4 bg-white cursor-pointer group hover:bg-coollabs dark:bg-coolgray-200 box"
-                            wire:click.prevent="loadRepositories({{ $ghapp->id }})" wire:key="{{ $ghapp->id }}">
-                            <div class="flex mr-4">
-                                <div class="flex flex-col mx-6">
-                                    <div class="box-title">
-                                        {{ data_get($ghapp, 'name') }}
+                        <div class="flex">
+                            <div class="w-full gap-2 py-4 bg-white cursor-pointer group hover:bg-coollabs dark:bg-coolgray-200 box"
+                                wire:click.prevent="loadRepositories({{ $ghapp->id }})"
+                                wire:key="{{ $ghapp->id }}">
+                                <div class="flex mr-4">
+                                    <div class="flex flex-col mx-6">
+                                        <div class="box-title">
+                                            {{ data_get($ghapp, 'name') }}
+                                        </div>
+                                        <div class="box-description">
+                                            {{ data_get($ghapp, 'html_url') }}</div>
                                     </div>
-                                    <div class="box-description">
-                                        {{ data_get($ghapp, 'html_url') }}</div>
                                 </div>
                             </div>
-                        </div>
-                        <div class="flex flex-col items-center justify-center">
-                            <x-loading wire:loading wire:target="loadRepositories({{ $ghapp->id }})" />
+                            <div class="flex flex-col items-center justify-center">
+                                <x-loading wire:loading wire:target="loadRepositories({{ $ghapp->id }})" />
+                            </div>
                         </div>
                     @endforeach
                 </div>