From c5befee134bcdd8a067f6e2a3a7666b4ae348bc1 Mon Sep 17 00:00:00 2001
From: miloschwartz <mschwartz10612@gmail.com>
Date: Fri, 5 Dec 2025 10:07:11 -0500
Subject: [PATCH] fix close button spacing on mobile

---
 .../CreateInternalResourceDialog.tsx          | 17 +++++++++-------
 src/components/EditInternalResourceDialog.tsx | 20 +++++++++++--------
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/components/CreateInternalResourceDialog.tsx b/src/components/CreateInternalResourceDialog.tsx
index bf6914ae..2e7ee2dc 100644
--- a/src/components/CreateInternalResourceDialog.tsx
+++ b/src/components/CreateInternalResourceDialog.tsx
@@ -3,6 +3,7 @@
 import {
     Credenza,
     CredenzaBody,
+    CredenzaClose,
     CredenzaContent,
     CredenzaDescription,
     CredenzaFooter,
@@ -871,13 +872,15 @@ export default function CreateInternalResourceDialog({
                     </Form>
                 </CredenzaBody>
                 <CredenzaFooter>
-                    <Button
-                        variant="outline"
-                        onClick={() => setOpen(false)}
-                        disabled={isSubmitting}
-                    >
-                        {t("createInternalResourceDialogCancel")}
-                    </Button>
+                    <CredenzaClose asChild>
+                        <Button
+                            variant="outline"
+                            onClick={() => setOpen(false)}
+                            disabled={isSubmitting}
+                        >
+                            {t("createInternalResourceDialogCancel")}
+                        </Button>
+                    </CredenzaClose>
                     <Button
                         type="submit"
                         form="create-internal-resource-form"
diff --git a/src/components/EditInternalResourceDialog.tsx b/src/components/EditInternalResourceDialog.tsx
index eaa9c126..b69d1980 100644
--- a/src/components/EditInternalResourceDialog.tsx
+++ b/src/components/EditInternalResourceDialog.tsx
@@ -743,7 +743,9 @@ export default function EditInternalResourceDialog({
                                                 render={({ field }) => (
                                                     <FormItem className="flex flex-col items-start">
                                                         <FormLabel>
-                                                            {t("machineClients")}
+                                                            {t(
+                                                                "machineClients"
+                                                            )}
                                                         </FormLabel>
                                                         <FormControl>
                                                             <TagInput
@@ -804,13 +806,15 @@ export default function EditInternalResourceDialog({
                     </Form>
                 </CredenzaBody>
                 <CredenzaFooter>
-                    <Button
-                        variant="outline"
-                        onClick={() => setOpen(false)}
-                        disabled={isSubmitting}
-                    >
-                        {t("editInternalResourceDialogCancel")}
-                    </Button>
+                    <CredenzaClose asChild>
+                        <Button
+                            variant="outline"
+                            onClick={() => setOpen(false)}
+                            disabled={isSubmitting}
+                        >
+                            {t("editInternalResourceDialogCancel")}
+                        </Button>
+                    </CredenzaClose>
                     <Button
                         type="submit"
                         form="edit-internal-resource-form"