From 6f9320719ccdd53e62686bbe91924738b389dc58 Mon Sep 17 00:00:00 2001
From: Caroline Chen <64424139+carolineychen8@users.noreply.github.com>
Date: Sat, 9 Dec 2023 15:16:48 -0500
Subject: [PATCH] dialog ui changes

---
 client/src/SchoolProfile/AddSchoolDialog.tsx  | 17 +++++++++++++++--
 .../src/SchoolProfile/DeleteSchoolDialog.tsx  | 19 ++++++++++++-------
 client/src/SchoolProfile/EditSchoolDialog.tsx | 17 ++++++++++++++---
 3 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/client/src/SchoolProfile/AddSchoolDialog.tsx b/client/src/SchoolProfile/AddSchoolDialog.tsx
index 6a03e0e0..19b6f47b 100644
--- a/client/src/SchoolProfile/AddSchoolDialog.tsx
+++ b/client/src/SchoolProfile/AddSchoolDialog.tsx
@@ -276,12 +276,25 @@ function AddSchoolDialog({ open, setOpen, addSchool }: AddSchoolProps) {
   };
 
   return (
-    <Dialog fullWidth maxWidth="md" open={open} onClose={() => setOpen(false)}>
+    <Dialog
+      open={open}
+      onClose={() => setOpen(false)}
+      sx={{
+        '.MuiPaper-root': {
+          padding: '1rem 3rem',
+          minWidth: '50vw',
+        },
+      }}
+    >
       <DialogTitle sx={{ textAlign: 'center' }}>Add School</DialogTitle>
       <DialogActions
         sx={{ display: 'flex', flexDirection: 'row', justifyContent: 'center' }}
       >
-        <Stack direction="column" spacing={2}>
+        <Stack
+          direction="column"
+          spacing={2}
+          sx={{ paddingBottom: '2rem', width: '100%' }}
+        >
           <TextField label="School Name" onChange={handleChangeName} />
           <br />
           <TextField label="Info" onChange={handleChangeInfo} />
diff --git a/client/src/SchoolProfile/DeleteSchoolDialog.tsx b/client/src/SchoolProfile/DeleteSchoolDialog.tsx
index 7220b111..03984f6e 100644
--- a/client/src/SchoolProfile/DeleteSchoolDialog.tsx
+++ b/client/src/SchoolProfile/DeleteSchoolDialog.tsx
@@ -41,16 +41,21 @@ function DeleteSchoolDialog({
   };
 
   return (
-    <Dialog fullWidth maxWidth="md" open={open} onClose={() => setOpen(false)}>
-      <DialogTitle sx={{ textAlign: 'center' }}>Delete School</DialogTitle>
+    <Dialog
+      open={open}
+      onClose={() => setOpen(false)}
+      sx={{
+        '.MuiPaper-root': {
+          padding: '1rem 3rem',
+          minWidth: '50vw',
+        },
+      }}
+    >
+      <DialogTitle sx={{ textAlign: 'center' }}>Delete Entry</DialogTitle>
       <DialogActions
         sx={{ display: 'flex', flexDirection: 'row', justifyContent: 'center' }}
       >
-        <Stack
-          direction="column"
-          spacing={2}
-          sx={{ width: '50%', justifyContent: 'space-between' }}
-        >
+        <Stack spacing={2} sx={{ paddingBottom: '2rem', width: '100%' }}>
           <Select
             value={schoolId}
             onChange={(event) => setSchool(event.target.value as string)}
diff --git a/client/src/SchoolProfile/EditSchoolDialog.tsx b/client/src/SchoolProfile/EditSchoolDialog.tsx
index 94128ba7..c1cef299 100644
--- a/client/src/SchoolProfile/EditSchoolDialog.tsx
+++ b/client/src/SchoolProfile/EditSchoolDialog.tsx
@@ -293,12 +293,23 @@ function EditSchoolDialog({
   };
 
   return (
-    <Dialog fullWidth maxWidth="md" open={open} onClose={() => setOpen(false)}>
-      <DialogTitle sx={{ textAlign: 'center' }}>Edit Entry</DialogTitle>
+    <Dialog
+      open={open}
+      onClose={() => setOpen(false)}
+      sx={{
+        '.MuiPaper-root': {
+          padding: '1rem 3rem',
+          minWidth: '50vw',
+        },
+      }}
+    >
+      <DialogTitle sx={{ textAlign: 'center', fontSize: '18px' }}>
+        Edit Entry
+      </DialogTitle>
       <DialogActions
         sx={{ display: 'flex', flexDirection: 'row', justifyContent: 'center' }}
       >
-        <Stack spacing={2}>
+        <Stack spacing={2} sx={{ paddingBottom: '2rem', width: '100%' }}>
           <FormControl
             variant="outlined"
             sx={{