Merge pull request #29 from CS3219-AY2425S1/frontend/stylings

Fix stylings for question-list
CS3219-AY2425S1 · Oct 6, 2024 · 5c74b0e · 5c74b0e
2 parents 0087482 + 8cd11b4
commit 5c74b0e
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 17 deletions.
diff --git a/peer-prep-fe/package-lock.json b/peer-prep-fe/package-lock.json
diff --git a/peer-prep-fe/src/components/question-list/question-list.component.css b/peer-prep-fe/src/components/question-list/question-list.component.css
@@ -1,13 +1,22 @@
 .tourney-title {
   color: white;
   font-size: 60px;
+  margin-top: 5vh;
   margin-bottom: 40px;
+  font-family: "Tourney", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 300;
+  font-style: normal;
+  text-align: center;
 }
 
 .question-list {
   max-height: 600px;
   overflow-y: auto;
-  margin-top: 20px;
+  margin-top: 5vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .question-list::-webkit-scrollbar {

diff --git a/peer-prep-fe/src/components/search-and-filter/search-and-filter.component.css b/peer-prep-fe/src/components/search-and-filter/search-and-filter.component.css
@@ -6,7 +6,8 @@
 /* Fix flex layout only for specific elements */
 .container {
     display: flex;
-    align-items: center; 
+    align-items: center;
+    justify-content: center;
 }
 
 .search-container {

diff --git a/peer-prep-fe/src/styles.css b/peer-prep-fe/src/styles.css
@@ -31,7 +31,7 @@ html, body {
     font-family: "Signika Negative", sans-serif;
     color: #A4A4A4;
     overflow: hidden;
-}
+  }
 
 .upper-half {
   display: flex;
@@ -93,17 +93,6 @@ html, body {
 }
 
 
-.tourney-title {
-    font-family: "Tourney", sans-serif;
-    font-optical-sizing: auto;
-    font-weight: 300;
-    font-style: normal;
-    font-variation-settings:
-      "wdth" 100;
-    text-align: center;
-  }
-
-