Spinner, Attendance bug fix, Marks

src/components/Backdrop/index.svelte

@@ -0,0 +1,22 @@
+<div class="root">
+  <slot />
+</div>
+
+<style>
+  .root {
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    position: fixed;
+    align-items: center;
+    justify-content: center;
+    background-color: rgba(0, 0, 0, 0.5);
+    -webkit-tap-highlight-color: transparent;
+    color: #fff;
+    z-index: 1201;
+    opacity: 1;
+    transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  }
+</style>

src/components/Course/components/Navigation/index.svelte

@@ -1,6 +1,5 @@
 <script>
   import { onMount } from 'svelte';
-  import { fly } from 'svelte/transition';
   import { stores, goto } from '@sapper/app';
   import hotkeys from 'hotkeys-js';
   import Home32 from 'carbon-icons-svelte/lib/Home32';
@@ -84,6 +83,11 @@
         hideSortIcon: false,
         isLecture: true,
       },
+      {
+        label: 'Attendance',
+        to: getNavItemRoute($course.id, 'attendance'),
+        hideSortIcon: true,
+      },
       {
         label: 'Submissions',
         to: getNavItemRoute($course.id, 'submissions'),
@@ -104,11 +108,6 @@
         to: getNavItemRoute($course.id, 'people'),
         hideSortIcon: true,
       },
-      {
-        label: 'Attendance',
-        to: getNavItemRoute($course.id, 'attendance'),
-        hideSortIcon: true,
-      },
     ];
   }
 </script>