--- a/client/src/components/importschedule/Importschedule.vue	Mon Dec 17 15:45:39 2018 +0100
+++ b/client/src/components/importschedule/Importschedule.vue	Mon Dec 17 15:54:27 2018 +0100
@@ -1,6 +1,6 @@
 <template>
   <div class="d-flex flex-row">
-    <div :class="spacerStyle"></div>
+    <Spacer></Spacer>
     <div class="mt-3 w-100">
       <div class="card flex-grow-1 schedulecard shadow-xs">
         <h6
@@ -97,12 +97,14 @@
 
 import { mapState } from "vuex";
 import Importscheduledetail from "./Importscheduledetail";
+import Spacer from "../Spacer";
 //import { SCHEDULES } from "../../store/imports.js";
 
 export default {
   name: "importschedule",
   components: {
-    Importscheduledetail
+    Importscheduledetail,
+    Spacer
   },
   data() {
     return {
@@ -134,19 +136,6 @@
 </script>
 
 <style lang="scss" scoped>
-.spacer {
-  height: 100vh;
-}
-
-.spacer-collapsed {
-  min-width: $icon-width + $offset;
-  transition: $transition-fast;
-}
-
-.spacer-expanded {
-  min-width: $sidebar-width + $offset;
-}
-
 .schedulecard {
   margin-right: $offset;
   min-height: 20rem;