--- a/client/src/App.vue	Thu Sep 06 16:27:17 2018 +0200
+++ b/client/src/App.vue	Thu Sep 06 17:42:28 2018 +0200
@@ -1,7 +1,9 @@
 <template>
   <div id="app main d-flex flex-column">
-    <Topbar v-if="isAuthenticated"></Topbar>
-    <Sidebar v-if="isAuthenticated"></Sidebar>
+    <div class="userinterface">
+      <Topbar v-if="isAuthenticated"></Topbar>
+      <Sidebar v-if="isAuthenticated"></Sidebar>
+    </div>
     <router-view/>
   </div>
 </template>
@@ -18,9 +20,19 @@
   background-color: #efefef !important;
 }
 
+.userinterface {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100vh;
+  width: 100vw;
+  z-index: 4;
+  pointer-events: none;
+}
+
 #app {
-  height: 100%;
-  width: 100%;
+  height: 100vh;
+  width: 100vw;
   font-family: "Avenir", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;