2 files changed, 40 insertions, 41 deletions
diff --git a/index.html b/index.html
index 2d1335ac..8a0f8370 100644
--- a/index.html
+++ b/index.html
@@ -19,8 +19,6 @@
 
 <body>
 
-
-
   <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" style="display:none">Node info :<br/>
@@ -59,52 +57,43 @@
         <tr><td><img id="keys" width="56" height="26" src="images/keys.png"/></td></tr>
         <tr><td>Pick a type with [TAB] key</td></tr>
       </table>
-      </div>
+    </div>
 
     <div class="debug-ui">
-    <table>
-    <tbody>
-    <tr><td>
-    <a class="set-user" href="#">Set user</a>
-    <form class="set-user-form" style="display: none">
-        <input class="set-user-input" style="width: 100px" value="username"></input>
-    </form>
-    </div></td>
-    <td><a class="save-history" style="display: none" href="#">Save history</a></td>
-    </tr>
-    <tr>
-    <td>
-    <div class="save">
-        <a href="#">Save</a>
+    <div class="debug-ui-left">
+        <a class="set-user" href="#">Set user</a>
+    </div>
+    <div class="debug-ui-right">
+        <form class="set-user-form" style="display: none">
+            <input class="set-user-input" style="width: 100px" value="username"></input>
+        </form>
+    </div>
+    <div class="debug-ui-left">
+        <a class="save-history" style="display: none" href="#">Save history</a></td>
     </div>
-    </td>
-    <td>
-    <div class="saveToFile">
-        <a href="#">Save to File</a>
+    <div class="debug-ui-left">
+        <div class="save">
+            <a href="#">Save</a>
+        </div>
     </div>
-    </td>
-    </tr>
-    <tr>
-    <td>
-    <div class="load">
-        <a href="#">Load</a>
+    <div class="debug-ui-right">
+        <div class="saveToFile">
+            <a href="#">Save to File</a>
+        </div>
     </div>
-    </td>
-    </tr>
-    <tr>
-    <td>
-    <div class="deliverabletest">
-        <a href="#">Load deliverables</a>
+    <div class="debug-ui-left">
+        <div class="load">
+            <a href="#">Load</a>
+        </div>
     </div>
-    </td>
-    </tr>
-    <tr>
-    <td>
+    <div class="debug-ui-left">
+        <div class="deliverabletest">
+            <a href="#">Load deliverables</a>
+        </div>
+    </div>
+    <div class="debug-ui-left">
     <div class="debug">debug</div>
-    </td>
-    </tr>
-    </tbody>
-    </table>
+    </div>
     </div>
 
     <div class="logo">
diff --git a/style.css b/style.css
index 4decd588..f3ed055a 100644
--- a/style.css
+++ b/style.css
@@ -280,6 +280,16 @@ input:focus {
   text-decoration: none;
 }
 
+.debug-ui-left {
+    float: left;
+    width: 50%;
+}
+
+.debug-ui-right {
+    .float: right;
+    width: 50%;
+}
+
 .debug{
 }