Fix minor css style issues

CS3219-AY2425S1 · Sep 27, 2024 · 201a0f9 · 201a0f9
1 parent 997e9ef
commit 201a0f9
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/frontend/src/components/QuestionList/QuestionList.module.scss b/frontend/src/components/QuestionList/QuestionList.module.scss
@@ -69,12 +69,12 @@ h1 {
 
 .clickable::before {
   top: 40%;
-  border-bottom: 6px solid #caff33;
+  border-bottom: 6px solid #456300;
 }
 
 .clickable::after {
   top: 60%;
-  border-top: 6px solid #caff33; 
+  border-top: 6px solid #456300; 
 }
 
 .asc::before {
@@ -124,6 +124,14 @@ h1 {
   background-color: #3a3a3a;
 }
 
+.questionaddicon {
+  margin-top: 20px !important;
+}
+
+.questionediticon {
+  color: #f1f1f1 !important;
+}
+
 .questiondeleteicon {
   color: red !important;
 }

diff --git a/frontend/src/components/QuestionList/QuestionList.tsx b/frontend/src/components/QuestionList/QuestionList.tsx
@@ -207,7 +207,7 @@ const QuestionList = (): ReactElement => {
               <td className={styles.complexity}>{question.complexity}</td>
               <td className={styles.actions}>
                 <IconButton onClick={() => openQuestionDialog(question)}>
-                  <EditNote />
+                  <EditNote className={styles.questionediticon} />
                 </IconButton>
                 <IconButton className={styles.questiondeleteicon} onClick={handleDelete(question)}>
                   <DeleteForever />
@@ -217,7 +217,12 @@ const QuestionList = (): ReactElement => {
           ))}
         </tbody>
       </table>
-      <Button color="primary" variant="contained" onClick={() => openQuestionDialog(null)}>
+      <Button
+        className={styles.questionaddicon}
+        color="primary"
+        variant="contained"
+        onClick={() => openQuestionDialog(null)}
+      >
         Add question
       </Button>
       <QuestionDialog