dialog ui changes

hack4impact-upenn · Dec 9, 2023 · 6f93207 · 6f93207
1 parent 2bce371
commit 6f93207
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 12 deletions.
diff --git 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
@@ -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
@@ -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={{