105 remove use of column flexbox and resort to margin as gaps (#109)

* remove use of flexbox and resort to margin as gaps * change to simple margins
uwasystemhealth · Sep 5, 2022 · a599972 · a599972
1 parent 8a37148
commit a599972
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/frontend/components/CourseEvaluation/Documents/CreateEditDocumentModal.tsx b/frontend/components/CourseEvaluation/Documents/CreateEditDocumentModal.tsx
@@ -100,14 +100,12 @@ const EditGeneralInformationModal = (props: Props) => {
           {error}
         </Alert>
       )}
-      <DialogContent
-        sx={{
-          display: 'flex',
-          flexDirection: 'column',
-          gap: 2,
-        }}
-      >
-        <Card>
+      <DialogContent>
+        <Card
+          sx={{
+            m: 2,
+          }}
+        >
           <CardHeader
             title="Document Details"
             subheader="These are the basic details of the document"
@@ -166,7 +164,11 @@ const EditGeneralInformationModal = (props: Props) => {
             />
           </CardContent>
         </Card>
-        <Card>
+        <Card
+          sx={{
+            m: 2,
+          }}
+        >
           <CardHeader
             title="Document Tags"
             subheader="These are tags that aids to connect relevant Elements of Competency (EOC) to documents"