From 888c1a5fb6086e64092e7f63313c4e267380542d Mon Sep 17 00:00:00 2001
From: Aarnav Tale <aarnavtale@icloud.com>
Date: Mon, 6 Jan 2025 08:39:15 +0530
Subject: [PATCH] fix: resolve css issues with button icons

---
 app/routes/users/dialogs/add.tsx    | 1 +
 app/routes/users/dialogs/remove.tsx | 2 +-
 app/routes/users/dialogs/rename.tsx | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/routes/users/dialogs/add.tsx b/app/routes/users/dialogs/add.tsx
index 5bdabe7..dcac126 100644
--- a/app/routes/users/dialogs/add.tsx
+++ b/app/routes/users/dialogs/add.tsx
@@ -34,6 +34,7 @@ export default function Add({ magic }: Props) {
 							method="POST"
 							onSubmit={(event) => {
 								submit(event.currentTarget);
+								setUsername('');
 							}}
 						>
 							<input type="hidden" name="_method" value="create" />
diff --git a/app/routes/users/dialogs/remove.tsx b/app/routes/users/dialogs/remove.tsx
index 735f90a..2a33379 100644
--- a/app/routes/users/dialogs/remove.tsx
+++ b/app/routes/users/dialogs/remove.tsx
@@ -19,7 +19,7 @@ export default function Remove({ username }: Props) {
 			<Button
 				variant="light"
 				control={dialogState}
-				className="rounded-full p-0 w-8 h-8"
+				className="rounded-full p-0 w-8 h-8 flex items-center justify-center"
 			>
 				<XIcon className="w-4 h-4" />
 			</Button>
diff --git a/app/routes/users/dialogs/rename.tsx b/app/routes/users/dialogs/rename.tsx
index 327c90c..a75c0be 100644
--- a/app/routes/users/dialogs/rename.tsx
+++ b/app/routes/users/dialogs/rename.tsx
@@ -21,7 +21,7 @@ export default function Rename({ username, magic }: Props) {
 			<Button
 				variant="light"
 				control={dialogState}
-				className="rounded-full p-0 w-8 h-8"
+				className="rounded-full p-0 w-8 h-8 flex items-center justify-center"
 			>
 				<PencilIcon className="w-4 h-4" />
 			</Button>