From 0a37d96c6946aebdc88668fba15baf58553bd437 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 20:58:06 +0200
Subject: [PATCH] style: vraag indicator en estimated time staan naast elkaar
 ipv onder

---
 frontend/src/components/QuestionNotification.vue       | 1 -
 frontend/src/views/learning-paths/LearningPathPage.vue | 6 +++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/QuestionNotification.vue b/frontend/src/components/QuestionNotification.vue
index 75540754..21801fea 100644
--- a/frontend/src/components/QuestionNotification.vue
+++ b/frontend/src/components/QuestionNotification.vue
@@ -19,6 +19,5 @@ const hasQuestions = computed(() => {
 </script>
 <template v-if="!isLoading & !error">
     <v-icon v-if="hasQuestions" icon="mdi-help-circle-outline" color="red" size="small" />
-    <div>{{ node.estimatedTime }}'</div> 
 </template>
 <style scoped></style>
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 94d8e8a7..5e157808 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -272,7 +272,11 @@ import QuestionNotification from "@/components/QuestionNotification.vue";
                                         :icon="ICONS[getNavItemState(node)]"
                                     ></v-icon>
                                 </template> 
-                                <QuestionNotification :node="node" v-slot:append></QuestionNotification>
+                                <template v-slot:append>
+                                    <QuestionNotification :node="node"></QuestionNotification>
+                                    <div>{{ node.estimatedTime }}'</div> 
+                                </template>
+                                
                             </v-list-item>
                         </template>
                     </using-query-result>