From d55eebce190b0ff75cb53ee8bc419e83d6efed44 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Tue, 5 Nov 2019 18:00:04 -0500
Subject: [PATCH] [F] Fix: Next course doesn't show up on mobile devices

---
 src/components/navigation/navigation.scss |  8 ++++++++
 src/components/navigation/navigation.vue  | 10 ++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/navigation/navigation.scss b/src/components/navigation/navigation.scss
index 699a7dd..ba54e50 100644
--- a/src/components/navigation/navigation.scss
+++ b/src/components/navigation/navigation.scss
@@ -68,6 +68,14 @@
     box-shadow: 0 -2px 9px 0 #ecebeb;
 }
 
+footer
+{
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+}
+
 #prev-course
 {
     // Up center
diff --git a/src/components/navigation/navigation.vue b/src/components/navigation/navigation.vue
index 990e0e1..1e5ab84 100644
--- a/src/components/navigation/navigation.vue
+++ b/src/components/navigation/navigation.vue
@@ -22,10 +22,12 @@
              @click="nextCourse(-1)" id="prev-course" class="nav-course-operations unselectable">
             ▲ PREVIOUS COURSE ▲
         </div>
-        <div v-if="activeIndex.includes('course') && findNextCourse(1) != null"
-             @click="nextCourse(1)" id="next-course" class="nav-course-operations unselectable">
-            ▼ NEXT COURSE ▼
-        </div>
+        <footer>
+            <div v-if="activeIndex.includes('course') && findNextCourse(1) != null"
+                 @click="nextCourse(1)" id="next-course" class="nav-course-operations unselectable">
+                ▼ NEXT COURSE ▼
+            </div>
+        </footer>
     </div>
 </template>