From 131dfe793b2e3eed9f56ad6d26365aefa2423917 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=87?= <nikola.derezic@gmail.com>
Date: Mon, 11 Aug 2025 11:05:37 +0200
Subject: [PATCH] improve LocationDeleteForm toggle layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Center the delete toggle horizontally within the form using justify-center
- Add consistent spacing between label and toggle input with gap-4
- Improves visual balance and readability of the delete confirmation form

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 app/ui/LocationDeleteForm.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/ui/LocationDeleteForm.tsx b/app/ui/LocationDeleteForm.tsx
index 1fc694b..0347b28 100644
--- a/app/ui/LocationDeleteForm.tsx
+++ b/app/ui/LocationDeleteForm.tsx
@@ -32,7 +32,7 @@ export const LocationDeleteForm:FC<LocationDeleteFormProps> = ({ location }) =>
                     </p>
                     
                     <div className="form-control">
-                        <label className="label cursor-pointer">
+                        <label className="label cursor-pointer justify-center gap-4">
                             <span className="label-text">{t("delete-in-subsequent-months")}</span> 
                             <input type="checkbox" name="deleteInSubsequentMonths" className="toggle toggle-error" />
                         </label>