fixed spacing and margins between container

makeopensource · Oct 22, 2024 · c256f05 · c256f05
1 parent 9c29319
commit c256f05
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 6 deletions.
diff --git a/devU-client/src/components/pages/submissions/submissionDetailPage.scss b/devU-client/src/components/pages/submissions/submissionDetailPage.scss
@@ -1,18 +1,22 @@
 @import 'variables';
 
+.heading {
+  text-align: center;
+  margin-left:250px;
+
+}
 .scores {
     padding: 20px;
   }
 
   .submissionsLayout {
     display: flex;
-    gap: 20px;
+    gap: 50px;
   }
 
   .submissionsContainer {
     flex: 1;
     max-width: 250px;
-    border-right: 1px solid lightgray;
     padding-right: 10px;
     overflow-y: auto;
   }
@@ -110,7 +114,7 @@
   .assignmentTable th, .assignmentTable td {
 
     padding: 8px; 
-    text-align: center; 
+    text-align: left; 
   }
 
   .assignmentTable th {
@@ -121,4 +125,17 @@
   .assignmentTable tr:nth-child(even) {
     background-color: $background; 
   }
-
+
+  .sub_list{
+    text-align: center;
+
+  }
+  @media (max-width: 768px) {
+    .submissionsContainer {
+      display:none;
+    }
+   .heading {
+    margin:10px;
+   }
+
+}
diff --git a/devU-client/src/components/pages/submissions/submissionDetailPage.tsx b/devU-client/src/components/pages/submissions/submissionDetailPage.tsx
@@ -126,13 +126,13 @@ const SubmissionDetailPage = () => {
                 </div>
             )}
                 <div className={styles.scores}>
-                <h1>Submissions For Assignment {assignment?.name}</h1>
+                <h1 className = {styles.heading}>Submissions For Assignment {assignment?.name}</h1>
 
 
             <div className={styles.submissionsLayout}>
 
            <div className={styles.submissionsContainer}>
-                <h2>Submission List:</h2>
+                <h2 className={styles.sub_list}>Submission List:</h2>
              {submissions.map((submission, index) => (
             <Card className={styles.submissionCard} key={index}>
             <CardActionArea onClick={() =>