From 25023ab813788e53235810ee013149e7e0973d18 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Tue, 8 Jul 2025 21:08:39 +0200
Subject: [PATCH] refactor(postgresql): improve layout and spacing in SSL and
 Proxy configuration sections for better UI consistency

---
 .../database/postgresql/general.blade.php     | 35 ++++++++-----------
 1 file changed, 15 insertions(+), 20 deletions(-)

diff --git a/resources/views/livewire/project/database/postgresql/general.blade.php b/resources/views/livewire/project/database/postgresql/general.blade.php
index ea15df559..50575f6c7 100644
--- a/resources/views/livewire/project/database/postgresql/general.blade.php
+++ b/resources/views/livewire/project/database/postgresql/general.blade.php
@@ -74,18 +74,15 @@
             @endif
         </div>
         <div class="flex flex-col gap-2">
-            <div class="flex items-center justify-between py-2">
-                <div class="flex items-center justify-between w-full">
-                    <h3>SSL Configuration</h3>
-                    @if ($database->enable_ssl && $certificateValidUntil)
-                        <x-modal-confirmation title="Regenerate SSL Certificates"
-                            buttonTitle="Regenerate SSL Certificates" :actions="[
-                                'The SSL certificate of this database will be regenerated.',
-                                'You must restart the database after regenerating the certificate to start using the new certificate.',
-                            ]"
-                            submitAction="regenerateSslCertificate" :confirmWithText="false" :confirmWithPassword="false" />
-                    @endif
-                </div>
+            <div class="flex items-center gap-2 py-2">
+                <h3>SSL Configuration</h3>
+                @if ($database->enable_ssl && $certificateValidUntil)
+                    <x-modal-confirmation title="Regenerate SSL Certificates" buttonTitle="Regenerate SSL Certificates"
+                        :actions="[
+                            'The SSL certificate of this database will be regenerated.',
+                            'You must restart the database after regenerating the certificate to start using the new certificate.',
+                        ]" submitAction="regenerateSslCertificate" :confirmWithText="false" :confirmWithPassword="false" />
+                @endif
             </div>
             @if ($database->enable_ssl && $certificateValidUntil)
                 <span class="text-sm">Valid until:
@@ -140,11 +137,9 @@
                 @endif
 
                 <div class="flex flex-col gap-2">
-                    <div class="flex items-center justify-between py-2">
-                        <div class="flex items-center gap-2">
-                            <h3>Proxy</h3>
-                            <x-loading wire:loading wire:target="instantSave" />
-                        </div>
+                    <div class="flex items-center gap-2 py-2">
+                        <h3>Proxy</h3>
+                        <x-loading wire:loading wire:target="instantSave" />
                         @if (data_get($database, 'is_public'))
                             <x-slide-over fullScreen>
                                 <x-slot:title>Proxy Logs</x-slot:title>
@@ -157,11 +152,11 @@
                             </x-slide-over>
                         @endif
                     </div>
-                    <div class="flex flex-col gap-2">
+                    <div class="flex flex-col gap-2 w-64">
                         <x-forms.checkbox instantSave id="database.is_public" label="Make it publicly available" />
-                        <x-forms.input placeholder="5432" disabled="{{ data_get($database, 'is_public') }}"
-                            id="database.public_port" label="Public Port" />
                     </div>
+                    <x-forms.input placeholder="5432" disabled="{{ data_get($database, 'is_public') }}"
+                        id="database.public_port" label="Public Port" />
                 </div>
 
                 <div class="flex flex-col gap-2">