[+] Create next course div in navbar

src/components/navigation/navigation.scss

@@ -46,5 +46,4 @@
     // Font
     font-size: 1.25rem;
     display: inline-flex;
-
 }

src/components/navigation/navigation.ts

@@ -77,6 +77,14 @@ export default class Navigation extends Vue
         this.$emit('update:activeIndex', newIndex);
     }
 
+    /**
+     * Move to the next course
+     */
+    public nextCourse()
+    {
+        // TODO: implement this.
+    }
+
     /**
      * This function is called when the sign out button is clicked.
      */

src/components/navigation/navigation.vue

@@ -18,7 +18,9 @@
 
             <el-button @click="signOut" id="sign-out-button" type="text">Sign Out</el-button>
         </el-menu>
-        <div class="line"></div>
+        <div v-if="activeIndex.includes('course')" @click="nextCourse" id="next-course">
+            ▼ NEXT COURSE ▼
+        </div>
     </div>
 </template>