From 37e018e94f4ffde9392c30f0f5d37f2aaa65c9a6 Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Sun, 29 Mar 2026 03:50:11 +0530
Subject: [PATCH] refactor: simplify DialogFooter component by removing
 unnecessary gap classes for a cleaner layout

---
 .../app/dashboard/[search_space_id]/team/team-content.tsx       | 2 +-
 surfsense_web/components/documents/CreateFolderDialog.tsx       | 2 +-
 surfsense_web/components/documents/FolderPickerDialog.tsx       | 2 +-
 .../components/layout/providers/LayoutDataProvider.tsx          | 2 +-
 .../components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx    | 2 +-
 .../components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx     | 2 +-
 .../components/layout/ui/sidebar/AllSharedChatsSidebar.tsx      | 2 +-
 surfsense_web/components/ui/alert-dialog.tsx                    | 2 +-
 surfsense_web/components/ui/dialog.tsx                          | 2 +-
 9 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/surfsense_web/app/dashboard/[search_space_id]/team/team-content.tsx b/surfsense_web/app/dashboard/[search_space_id]/team/team-content.tsx
index 09c29735e..087a92877 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/team/team-content.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/team/team-content.tsx
@@ -755,7 +755,7 @@ function CreateInviteDialog({
 								</div>
 							</div>
 						</div>
-						<DialogFooter className="gap-3 sm:gap-2">
+						<DialogFooter>
 							<Button variant="secondary" onClick={handleClose}>
 								Cancel
 							</Button>
diff --git a/surfsense_web/components/documents/CreateFolderDialog.tsx b/surfsense_web/components/documents/CreateFolderDialog.tsx
index 8c2643828..57dce6964 100644
--- a/surfsense_web/components/documents/CreateFolderDialog.tsx
+++ b/surfsense_web/components/documents/CreateFolderDialog.tsx
@@ -82,7 +82,7 @@ export function CreateFolderDialog({
 						/>
 					</div>
 
-					<DialogFooter className="flex-row justify-end gap-2 pt-2 sm:pt-3">
+					<DialogFooter className="flex-row justify-end pt-2 sm:pt-3">
 						<Button
 							type="button"
 							variant="secondary"
diff --git a/surfsense_web/components/documents/FolderPickerDialog.tsx b/surfsense_web/components/documents/FolderPickerDialog.tsx
index 3c866e04a..59e02f726 100644
--- a/surfsense_web/components/documents/FolderPickerDialog.tsx
+++ b/surfsense_web/components/documents/FolderPickerDialog.tsx
@@ -155,7 +155,7 @@ export function FolderPickerDialog({
 					{renderPickerLevel(null, 1)}
 				</div>
 
-				<DialogFooter className="flex-row justify-end gap-2 pt-2 sm:pt-3">
+				<DialogFooter className="flex-row justify-end pt-2 sm:pt-3">
 					<Button
 						variant="secondary"
 						onClick={() => onOpenChange(false)}
diff --git a/surfsense_web/components/layout/providers/LayoutDataProvider.tsx b/surfsense_web/components/layout/providers/LayoutDataProvider.tsx
index ae23e7e4e..ef9ed1402 100644
--- a/surfsense_web/components/layout/providers/LayoutDataProvider.tsx
+++ b/surfsense_web/components/layout/providers/LayoutDataProvider.tsx
@@ -824,7 +824,7 @@ export function LayoutDataProvider({ searchSpaceId, children }: LayoutDataProvid
 							}
 						}}
 					/>
-					<DialogFooter className="flex gap-2 sm:justify-end">
+					<DialogFooter className="flex sm:justify-end">
 						<Button
 							variant="secondary"
 							onClick={() => setShowRenameChatDialog(false)}
diff --git a/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx b/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx
index 98add9c5a..e39bee679 100644
--- a/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx
+++ b/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx
@@ -138,7 +138,7 @@ export function CreateSearchSpaceDialog({ open, onOpenChange }: CreateSearchSpac
 							)}
 						/>
 
-						<DialogFooter className="flex-row justify-end gap-2 pt-2 sm:pt-3">
+						<DialogFooter className="flex-row justify-end pt-2 sm:pt-3">
 							<Button
 								type="button"
 								variant="secondary"
diff --git a/surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx
index 65a24208b..b00f701c4 100644
--- a/surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx
@@ -496,7 +496,7 @@ export function AllPrivateChatsSidebarContent({
 							}
 						}}
 					/>
-					<DialogFooter className="flex gap-2 sm:justify-end">
+					<DialogFooter className="flex sm:justify-end">
 						<Button
 							variant="secondary"
 							onClick={() => setShowRenameDialog(false)}
diff --git a/surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx
index ce0e45e81..d8289d1e9 100644
--- a/surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx
@@ -496,7 +496,7 @@ export function AllSharedChatsSidebarContent({
 							}
 						}}
 					/>
-					<DialogFooter className="flex gap-2 sm:justify-end">
+					<DialogFooter className="flex sm:justify-end">
 						<Button
 							variant="secondary"
 							onClick={() => setShowRenameDialog(false)}
diff --git a/surfsense_web/components/ui/alert-dialog.tsx b/surfsense_web/components/ui/alert-dialog.tsx
index b76cb8ed7..ec0d3cbd5 100644
--- a/surfsense_web/components/ui/alert-dialog.tsx
+++ b/surfsense_web/components/ui/alert-dialog.tsx
@@ -68,7 +68,7 @@ function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">)
 	return (
 		<div
 			data-slot="alert-dialog-footer"
-			className={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
+			className={cn("flex flex-col-reverse gap-3 sm:flex-row sm:justify-end", className)}
 			{...props}
 		/>
 	);
diff --git a/surfsense_web/components/ui/dialog.tsx b/surfsense_web/components/ui/dialog.tsx
index f13da44a9..5b2ca36e1 100644
--- a/surfsense_web/components/ui/dialog.tsx
+++ b/surfsense_web/components/ui/dialog.tsx
@@ -60,7 +60,7 @@ DialogHeader.displayName = "DialogHeader";
 
 const DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
 	<div
-		className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
+		className={cn("flex flex-col-reverse gap-3 sm:flex-row sm:justify-end", className)}
 		{...props}
 	/>
 );