Merge branch 'assignment1' of https://github.com/CS3219-AY2324S1/ay2324s1-course-assessment-g16 into assignment1

Author: Jai2501

peer-prep/src/Components/QuestionList/Question.css

@@ -13,6 +13,7 @@
     background: #e9e9e9;
     padding: 0.5rem 1rem;
     border-radius: 5px;
+    align-items: center;
 }
 
 .q-header {
@@ -29,13 +30,23 @@
 .q-name {
     display: flex;
     align-items: center;
-    height: 60px;
+    min-height: 60px;
     font-size: 25px;
+    overflow: hidden;
 }
 
 .q-title {
-    height: 30px;
+    min-height: 30px;
+    padding: 0.5rem 0.5rem;
+    overflow: hidden;
+    text-overflow: ellipsis;    
+    white-space: nowrap;
+}
+
+.q-title-show {
+    min-height: 30px;
     padding: 0.5rem 0.5rem;
+    overflow: hidden;
 }
 
 .q-tag-container {
@@ -76,23 +87,21 @@
 }
 
 .q-description {
-    width: 400px;
-    height: 250px;
+    width: 85%;
     margin-left: 20px;
     border: none;
+    white-space: pre-line;
 }
 
 .q-content {
     max-height: 0;
-    overflow:hidden;
+    overflow: hidden;
 }
 
 .q-content-show {
     display: flex;
     flex-direction: column;
     gap: 20px;
-    height:150px;
-    
 }
 
 .delete-btn img {

peer-prep/src/Components/QuestionList/Question.jsx

@@ -38,7 +38,7 @@ export const Question = ({question, i, deleteQuestion, updateQuestion}) => {
                     <div className={isEdit ? "q-form-id": "q-id"}>#{i + 1}</div>
                     {isEdit === true? <input type="text" className="q-form-title q-form-input" defaultValue = {question.title}
                     onChange = {(e) => {setTitle(e.target.value)}}/> : 
-                    <div className="q-title">{question.title}</div>}
+                    <div className={selected === i ? "q-title-show": "q-title"}>{question.title}</div>}
                 </div>
                 <span> {selected === i ? "-" : "+"}</span>
             </div>

peer-prep/src/Components/QuestionList/QuestionForm.css

@@ -29,6 +29,7 @@
 
 .q-form-title {
     height: 30px;
+    width: 70%;
     padding: 0.5rem 0.5rem;
 }