put all debug gui (load/save/deliverables) into a table

1 files changed, 25 insertions, 3 deletions

diff --git a/index.html b/index.html
index 5b211778..90359a57 100644
--- a/index.html
+++ b/index.html
@@ -64,26 +64,48 @@
       </table>
       </div>
 
+    <div class="debug-ui">
+    <table>
+    <tbody>
+    <tr>
+    <td>
     <div class="save">
         <a href="#">SAVE</a>
     </div>
+    </td>
+    <td>
     <div class="saveToFile">
         <a href="#">Save to File</a>
     </div>
+    </td>
+    </tr>
+    <tr>
+    <td>
     <div class="load">
         <a href="#">LOAD</a>
     </div>
+    </td>
+    </tr>
+    <tr>
+    <td>
     <div class="deliverabletest">
         <a href="#">Load deliverables</a>
     </div>
-
+    </td>
+    </tr>
+    <tr>
+    <td>
+    <div class="debug">debug</div>
+    </td>
+    </tr>
+    </tbody>
+    </table>
+    </div>
 
     <div class="logo">
         <a href="#"><img src="images/sage.png"/></a>
     </div>
 
-
-    <div class="debug">debug</div>
   </div>
 
   <div class="poweredby">powered by <a href="http://www.rhizi.org"><img src="images/rhizismall.png"/></a></div>