From 7b613a5d79dadaf628bab5b851ade284fd3b98a7 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Wed, 23 Apr 2025 22:21:53 +0200
Subject: [PATCH] style: assignment knop blijft staan

---
 .../views/learning-paths/LearningPathPage.vue | 38 ++++++++++---------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index eaf7b100..0cc24c74 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -251,10 +251,11 @@
                         >
                     </template>
                 </v-list-item>
-            </div>
-            <v-divider></v-divider>
-            <div v-if="(authService.authState.activeRole === 'student') && (pathIsAssignment)" class="assignment-indicator">  
-                ASSIGNMENT
+                <v-list-item>
+                    <div v-if="(authService.authState.activeRole === 'student') && (pathIsAssignment)" class="assignment-indicator">  
+                        ASSIGNMENT
+                    </div>
+                </v-list-item>
             </div>
         </v-navigation-drawer>
         <div class="control-bar-above-content">
@@ -277,7 +278,7 @@
                 v-if="currentNode"
             ></learning-object-view>
         </div>
-        <div class="question-box">
+        <div v-if="authService.authState.activeRole === 'student'" class="question-box">
             <div class="input-wrapper">
               <input
                 type="text"
@@ -343,19 +344,20 @@
         justify-content: space-between;
     }
     .assignment-indicator {
-      position: absolute;
-      bottom: 10px;
-      left: 10px;
-      padding: 4px 12px;
-      border: 2px solid #f8bcbc;
-      border-radius: 20px;
-      color: #f36c6c;
-      background-color: rgba(248, 188, 188, 0.1);
-      font-weight: bold;
-      font-family: Arial, sans-serif;
-      font-size: 14px;
-      text-transform: uppercase;
-      }
+        position: absolute;
+        bottom: 10px;
+        left: 10px;
+        padding: 4px 12px;
+        border: 2px solid #f8bcbc;
+        border-radius: 20px;
+        color: #f36c6c;
+        background-color: rgba(248, 188, 188, 0.1);
+        font-weight: bold;
+        font-family: Arial, sans-serif;
+        font-size: 14px;
+        text-transform: uppercase;
+        z-index: 2; /* Less than modals/popups */
+    }
       .question-box {
         width: 100%;
         max-width: 400px;