--- a/client/src/views/Main.vue	Thu Aug 30 12:57:27 2018 +0200
+++ b/client/src/views/Main.vue	Thu Aug 30 14:39:24 2018 +0200
@@ -1,32 +1,34 @@
 <template>
-  <div class="main d-flex">
-    <Sidebar v-bind:isOverlay="true"></Sidebar>
-    <Maplayer :lat="6155376"
-      :long="1819178"
-      :zoom="11"
-    ></Maplayer>
+  <div class="main d-flex flex-column">
+    <Topbar></Topbar>
+    <Sidebar></Sidebar>
+    <Maplayer :lat="6155376" :long="1819178" :zoom="11"></Maplayer>
   </div>
 </template>
 
 <style lang="scss">
-.main {
-  height: 100vh;
+@import "../assets/application.scss";
+.topbar {
+  background-color: white;
+  height: $topbarheight;
+  z-index: 10;
 }
 
-#map {
-  background-color: #ffffff;
-  width: 100%;
+.menubutton {
+  margin-left: $small-offset;
 }
 </style>
 
 <script>
 import Maplayer from "../components/Maplayer";
 import Sidebar from "../components/Sidebar";
+import Topbar from "../components/Topbar";
 export default {
   name: "mainview",
   components: {
     Maplayer,
-    Sidebar
+    Sidebar,
+    Topbar
   }
 };
 </script>