diff --git a/static/graph.js b/static/graph.js
index 90b49f6..69afb69 100644
--- a/static/graph.js
+++ b/static/graph.js
@@ -52,6 +52,10 @@ document.addEventListener("DOMContentLoaded", function (event) {
     [].forEach.call(inputs, function (input) {
         input.onmousedown = log;
     });
+    var outputs = document.getElementsByClassName("node-output");
+    [].forEach.call(outputs, function (output) {
+        output.onmousedown = log;
+    });
     var c = document.getElementById("node-canvas");
     var ctx = c.getContext("2d");
     if (ctx === null) {
diff --git a/static/graph.ts b/static/graph.ts
index 29c02fb..5f751c1 100644
--- a/static/graph.ts
+++ b/static/graph.ts
@@ -64,6 +64,10 @@ document.addEventListener("DOMContentLoaded", function(event) {
     [].forEach.call(inputs, function(input: HTMLElement){
         input.onmousedown = log;
     });
+    let outputs = document.getElementsByClassName("node-output");
+    [].forEach.call(outputs, function(output: HTMLElement){
+        output.onmousedown = log;
+    });
 
     let c = document.getElementById("node-canvas") as HTMLCanvasElement;
     let ctx = c.getContext("2d");
diff --git a/static/style.css b/static/style.css
index e9d4a86..edc1974 100644
--- a/static/style.css
+++ b/static/style.css
@@ -32,15 +32,26 @@
 
 .node-input {
   background-color: red;
+  -webkit-user-select:none;
+  -moz-user-select:-moz-none;
+  -ms-user-select:none;
+  user-select:none;
+  cursor: pointer;
 }
 
 .node-outputs {
   float: right;
+  
 }
 
 .node-output {
   margin-bottom: 1rem;
   background-color: red;
+  -webkit-user-select:none;
+  -moz-user-select:-moz-none;
+  -ms-user-select:none;
+  user-select:none;
+  cursor: pointer;
 }
 
 #node-canvas {
diff --git a/templates/watchTree.html b/templates/watchTree.html
index 55dda42..1fe0139 100644
--- a/templates/watchTree.html
+++ b/templates/watchTree.html
@@ -1,8 +1,13 @@
 {{define "content"}}
 
-<canvas id="node-canvas" width="1000px" height="1000px">
+<div class="sec1">
+    <div class="svg-container">
+        <canvas id="node-canvas" width="10000" height="10000">
+
+        </canvas>
+    </div>
+</div>
 
-</canvas>
 
 <div class="card node-card">
     <div class="card-header text-center">
@@ -48,11 +53,6 @@
     </div>
 </div>
 
-<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
-
-    <path d="M 10 10 C 100 10, 100 10, 100 100" stroke="black" fill="transparent"/>
-</svg>
-
 {{end}}
 
 {{define "scripts"}}