--- a/client/src/App.vue	Fri Oct 26 10:55:18 2018 +0200
+++ b/client/src/App.vue	Fri Oct 26 12:53:52 2018 +0200
@@ -7,14 +7,11 @@
             <div class="midcontainer d-flex flex-row">
                 <div class="leftcontainer">
                     <Sidebar></Sidebar>
+                    <Zoom></Zoom>
                     <Bottlenecks></Bottlenecks>
                 </div>
-                <div class="middle">
-
-                </div>
-                <div class="rightcontainer">
-
-                </div>
+                <div class="middle"></div>
+                <div class="rightcontainer"></div>
             </div>
             <div class="bottomcontainer d-flex flex-row align-items-end">
                 <Userbar></Userbar>
@@ -24,7 +21,7 @@
             </div>
         </div>
         <div class="d-flex flex-column">
-            <router-view />
+            <router-view/>
         </div>
     </div>
 </template>
@@ -110,6 +107,7 @@
 import Linetool from "./linetool/Linetool";
 import Morphtool from "./morphtool/Morphtool";
 import Pdftool from "./pdftool/Pdftool";
+import Zoom from "./zoom/zoom";
 
 export default {
   name: "app",
@@ -127,7 +125,8 @@
     Userbar,
     Linetool,
     Morphtool,
-    Pdftool
+    Pdftool,
+    Zoom
   }
 };
 </script>

--- a/client/src/application/assets/application.scss	Fri Oct 26 10:55:18 2018 +0200
+++ b/client/src/application/assets/application.scss	Fri Oct 26 12:53:52 2018 +0200
@@ -34,6 +34,7 @@
 $transition: 0.5s;
 $x-large-offset: 3rem;
 $x-small-offset: 0.25rem;
+$zoombutton-container-height: 120px;
 
 .debug {
   border: 1px solid red;