Updated padding on Assignment creation/update

Padding on pages to remove the padding change that occurred on PageWrapper
makeopensource · Oct 29, 2024 · dfe969f · dfe969f
1 parent b4fec18
commit dfe969f
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 3 deletions.
diff --git a/devU-client/src/components/pages/forms/assignments/assignmentFormPage.scss b/devU-client/src/components/pages/forms/assignments/assignmentFormPage.scss
@@ -9,6 +9,10 @@ p {
   text-align: center;
 }
 
+.pageWrapper {
+  padding:0px;
+}
+
 .flex {
   display: flex;
   justify-content: center;

diff --git a/devU-client/src/components/pages/forms/assignments/assignmentFormPage.tsx b/devU-client/src/components/pages/forms/assignments/assignmentFormPage.tsx
@@ -122,7 +122,7 @@ const AssignmentCreatePage = () => {
     };
 
     return(
-        <PageWrapper>
+        <PageWrapper className={formStyles.pageWrapper}>
             <h2>Create Assignment</h2>
             <div className={formStyles.flex}>
             <div className={formStyles.grid}>

diff --git a/devU-client/src/components/pages/forms/assignments/assignmentUpdatePage.scss b/devU-client/src/components/pages/forms/assignments/assignmentUpdatePage.scss
@@ -72,6 +72,10 @@ input[type='date'] {
 //     }
 // }
 
+.pageWrapper {
+    padding:0px;
+  }
+
 .assignmentBtn {
     background-color: transparent;
     background-repeat: no-repeat;

diff --git a/devU-client/src/components/pages/forms/assignments/assignmentUpdatePage.tsx b/devU-client/src/components/pages/forms/assignments/assignmentUpdatePage.tsx
@@ -231,7 +231,7 @@ const AssignmentUpdatePage = () => {
 
   return (
 
-    <PageWrapper>
+    <PageWrapper className={styles.pageWrapper}>
 
       <Dialog open={openModal} onClose={handleCloseModal}>
         <DialogContent sx={{bgcolor:theme.listItemBackground}}>

diff --git a/devU-client/src/components/shared/layouts/pageWrapper.scss b/devU-client/src/components/shared/layouts/pageWrapper.scss
@@ -10,5 +10,4 @@
 .content {
   margin-top: 20px;
   flex-grow: 1;
-  padding:50px;
 }