From 3cca2a0bfe184344b17fc650f2f1fa54ab7e5e8e Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Tue, 18 Aug 2026 12:53:41 +0200
Subject: [PATCH] fix(ui): add spacing between database backup sections

Add a flex column gap to the backup edit layout and cover the spacing with a feature test.
---
 .../views/livewire/project/database/backup-edit.blade.php  | 2 +-
 tests/Feature/DatabaseBackupsLayoutTest.php                | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/resources/views/livewire/project/database/backup-edit.blade.php b/resources/views/livewire/project/database/backup-edit.blade.php
index 31637d7f9..d85d506a0 100644
--- a/resources/views/livewire/project/database/backup-edit.blade.php
+++ b/resources/views/livewire/project/database/backup-edit.blade.php
@@ -1,4 +1,4 @@
-<div>
+<div class="flex flex-col gap-6">
     @if ($backup->database_id === 0)
         @include('livewire.project.database.backup-edit.general')
         @include('livewire.project.database.backup-edit.s3')
diff --git a/tests/Feature/DatabaseBackupsLayoutTest.php b/tests/Feature/DatabaseBackupsLayoutTest.php
index b2ab349d9..2b4941c09 100644
--- a/tests/Feature/DatabaseBackupsLayoutTest.php
+++ b/tests/Feature/DatabaseBackupsLayoutTest.php
@@ -50,3 +50,10 @@
     expect($executions)
         ->not->toContain('sticky right-0');
 });
+
+it('spaces instance backup settings sections', function () {
+    $edit = file_get_contents(resource_path('views/livewire/project/database/backup-edit.blade.php'));
+
+    expect($edit)
+        ->toStartWith('<div class="flex flex-col gap-6">');
+});