fix user setting - smaller input field, on enter put sensible text

2 files changed, 7 insertions, 3 deletions

diff --git a/index.html b/index.html
index dd1e6dc7..2423c55a 100644
--- a/index.html
+++ b/index.html
@@ -67,11 +67,10 @@
     <div class="debug-ui">
     <table>
     <tbody>
-    <tr></tr>
     <tr><td>
     <a class="set-user" href="#">Set user</a>
     <form class="set-user-form" style="display: none">
-        <input class="set-user-input" value="username"></input>
+        <input class="set-user-input" style="width: 100px" value="username"></input>
     </form>
     </div></td></tr>
     <tr>
diff --git a/scripts/buttons.js b/scripts/buttons.js
index 69067bdc..8af525c2 100644
--- a/scripts/buttons.js
+++ b/scripts/buttons.js
@@ -41,6 +41,11 @@ $('.set-user').click(function() {
     $('.set-user').hide();
     $('.set-user-form').show();
     $('.set-user-form').submit(function() {
-        graph.set_user($('.set-user-input').val());
+        var user = $('.set-user-input').val();
+        graph.set_user(user);
+        $('.set-user').html('user: ' + user);
+        $('.set-user').show();
+        $('.set-user-form').hide();
+        $('.save-history').show();
     })
 });