--- a/client/src/components/admin/importschedule/Importscheduledetail.vue	Mon Dec 03 11:00:54 2018 +0100
+++ b/client/src/components/admin/importschedule/Importscheduledetail.vue	Mon Dec 03 12:02:17 2018 +0100
@@ -1,11 +1,12 @@
 <template>
-  <div v-if="importScheduleDetailVisible">
-    <div class="card">
-      <div class="card-header shadow-sm text-white bg-info mb-3">
-        <span @click="closeDetailview" class="pull-right">
+  <div class="importscheduledetails" v-if="importScheduleDetailVisible">
+    <div class="card shadow-xs">
+      <h6 class="mb-0 py-2 px-3 border-bottom d-flex text-info align-items-center">
+        <translate>New import</translate>
+        <span @click="closeDetailview" class="closebutton">
           <font-awesome-icon icon="times"></font-awesome-icon>
         </span>
-      </div>
+      </h6>
       <div class="card-body">
         <h1>lalala</h1>
         <form @submit.prevent="save" class="ml-3"></form>
@@ -31,5 +32,9 @@
 };
 </script>
 
-<style>
+<style lang="scss" scoped>
+.importscheduledetails {
+  margin-top: $offset;
+  margin-left: $offset;
+}
 </style>