[F] Fix: Next course doesn't show up on mobile devices

2019-11-05 18:00:04 -05:00
parent 03507968ee
commit d55eebce19
2 changed files with 14 additions and 4 deletions
@@ -68,6 +68,14 @@
    box-shadow: 0 -2px 9px 0 #ecebeb;
 }

+footer
+{
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+}
+
 #prev-course
 {
    // Up center
@@ -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>