--- a/client/src/components/Sidebar.vue	Mon Jul 30 13:31:35 2018 +0200
+++ b/client/src/components/Sidebar.vue	Mon Jul 30 16:02:19 2018 +0200
@@ -2,10 +2,13 @@
   <div :class="sidebarStyle">
     <div :class="collapseStyle"><i @click="collapse" :class="collapseicon"></i></div>
     <nav :class="menuStyle">
-      <a class="nav-link active" href="#">Riverbed morphology</a>
+      <router-link to="/">Riverbed Morphology</router-link>
       <a class="nav-link" href="#">Link</a>
       <a class="nav-link" href="#">Link</a>
       <a class="nav-link disabled" href="#">Disabled</a>
+      <div v-if="is_waterway_admin">
+        <router-link to="users">Users</router-link>
+      </div>
     </nav>
     <div :class="userinfoStyle">
       <div class="userinfo">
@@ -23,8 +26,9 @@
 
 export default {
   name: "sidebar",
+  props: ["isOverlay"],
   computed: {
-    ...mapGetters("user", ["userinfo"]),
+    ...mapGetters("user", ["userinfo", "is_waterway_admin"]),
     collapseicon() {
       return {
         fa: true,
@@ -59,6 +63,7 @@
     sidebarStyle() {
       return {
         sidebar: true,
+        overlay: this.isOverlay,
         sidebarcollapsed: this.collapsed,
         sidebarextended: !this.collapsed
       };
@@ -130,13 +135,16 @@
   margin-top: auto;
 }
 .sidebar {
-  position: absolute;
-  z-index: 1;
   background-color: #ffffff;
   padding-top: $large-offset;
   height: 100vh;
 }
 
+.overlay {
+  position: absolute;
+  z-index: 1;
+}
+
 .sidebarcollapsed {
   width: $sidebar-collapsed-width;
   transition: $transition;