diff options
| author | Alon Levy <alon@pobox.com> | 2014-09-28 11:22:03 +0300 |
|---|---|---|
| committer | Alon Levy <alon@pobox.com> | 2014-09-28 11:22:03 +0300 |
| commit | 97fe3c8ea4b4b78728f2e47521a71118669a72d8 (patch) | |
| tree | a219baf86b191fa69dbb11dea397419ef9b345ba | |
| parent | d6a243008d761e6bac73c58a131abe88fc7f5e2f (diff) | |
debug-ui: use div's and float's instead of tables
| -rw-r--r-- | index.html | 71 | ||||
| -rw-r--r-- | style.css | 10 |
2 files changed, 40 insertions, 41 deletions
@@ -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"> @@ -280,6 +280,16 @@ input:focus { text-decoration: none; } +.debug-ui-left { + float: left; + width: 50%; +} + +.debug-ui-right { + .float: right; + width: 50%; +} + .debug{ } |