Add edge_info tab; implements edge deletion

1 files changed, 8 insertions, 2 deletions

diff --git a/index.html b/index.html
index fc56488d..6b305434 100644
--- a/index.html
+++ b/index.html
@@ -17,15 +17,21 @@
 
   <div class="UI">
     <div class="help">Connect between <span style="color:#FCB924">people</span> and the  <span style="color:#009DDC">projects</span> they are working on by describing their main contribution:</div>
+    <div class="info-container">
+    <div class="edge_info" style="display:none">Edge info :<br/>
+        <div class="subtitle">Click on an edge to display info</div>
+        <button id="deleteedge">Delete</button>
+    </div>
     <div class="info" style="display:none">Node info :<br/>
         <div class="subtitle">Click on a node to display info</div>
-        <form id="editbox">
+        <form id="node-editbox">
           <label>name:</label><input id="editboxname"/>
           <label>description:</label><input id="editdescription"/>
           <label>URL DLKJ:</label><input id="editurl"/>
           <button>edit</button>
         </form>
-        <div class="deletenode"><button>Delete</button></div>
+        <button id="deletenode">Delete</button>
+    </div>
     </div>
 
     <div class='editinfo'>