From c7a70f901ecbf62c5b26611b787613eb07f4a272 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Tue, 13 May 2025 00:29:03 +0200
Subject: [PATCH] style: questions header styling op learningobject

---
 .../views/learning-paths/LearningPathPage.vue | 35 ++++++++++++++-----
 1 file changed, 27 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index b799ea09..c7cd6243 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -370,20 +370,39 @@
             :query-result="getQuestionsQuery"
             v-slot="questionsResponse: { data: QuestionsResponse }"
         >
-            <p>
-                View questions in 
-                <router-link
-                    :to=discussionLink
-                >
-                    discussions
-                </router-link>
-            </p>
+        <v-divider :thickness="6"></v-divider>
+            <div class="question-header">
+                <span class="question-title">Questions</span>
+                <span class="discussion-link-text">
+                    View questions in 
+                    <router-link
+                        :to=discussionLink
+                    >
+                        discussions
+                    </router-link>
+                </span>
+            </div>
+            
             <QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" />
         </using-query-result>
     </using-query-result>
 </template>
 
 <style scoped>
+    .question-title {
+        color: #0e6942;
+        text-transform: uppercase;
+        font-weight: bolder;
+        font-size: 32px;
+    }
+    .discussion-link-text {
+        font-size: 24px;
+    }
+    .question-header {
+        display: flex;
+        justify-content: space-between;
+        padding: 10px;
+    }
     .learning-path-title {
         white-space: normal;
     }