Merge pull request #52 from yann300/fea1

UI fixes

src/ButtonNavigator.js

@@ -20,19 +20,19 @@ module.exports = ButtonNavigator
 
 ButtonNavigator.prototype.render = function () {
   var self = this
-  var view = yo`<div>
-    <button id='intoback' onclick=${function () { self.trigger('stepIntoBack') }} disabled=${this.intoBackDisabled} >
-      Step Into Back
-    </button>
+  var view = yo`<div>    
     <button id='overback' onclick=${function () { self.trigger('stepOverBack') }} disabled=${this.overBackDisabled} >
       Step Over Back
     </button>
-    <button id='overforward' onclick=${function () { self.trigger('stepOverForward') }} disabled=${this.overForwardDisabled} >
-      Step Over Forward
-    </button>
+    <button id='intoback' onclick=${function () { self.trigger('stepIntoBack') }} disabled=${this.intoBackDisabled} >
+      Step Into Back
+    </button>    
     <button id='intoforward' onclick=${function () { self.trigger('stepIntoForward') }} disabled=${this.intoForwardDisabled} >
       Step Into Forward
     </button>
+    <button id='overforward' onclick=${function () { self.trigger('stepOverForward') }} disabled=${this.overForwardDisabled} >
+      Step Over Forward
+    </button>
     <button id='nextcall' onclick=${function () { self.trigger('jumpNextCall') }} disabled=${this.nextCallDisabled} >
       Jump Next Call
     </button>

src/Slider.js

@@ -35,8 +35,8 @@ Slider.prototype.render = function () {
 
 Slider.prototype.init = function (length) {
   var slider = document.getElementById('slider')
-  slider.setAttribute('max', length)
-  this.max = length
+  slider.setAttribute('max', length - 1)
+  this.max = length - 1
   this.updateDisabled(length === 0)
   this.disabled = length === 0
   this.setValue(0)

src/VmDebugger.js

@@ -35,15 +35,25 @@ VmDebugger.prototype.render = function () {
                 <td>                  
                   ${this.asmCode.render()}
                 </td>
-                 ${this.stackPanel.render()}
+                <td>
+                  ${this.stackPanel.render()}
+                </td>
               </tr>
               <tr>
-               ${this.storagePanel.render()}
-                ${this.memoryPanel.render()}
+                <td>
+                  ${this.storagePanel.render()}
+                </td>
+                <td>
+                  ${this.memoryPanel.render()}
+                </td>
               </tr>
               <tr>
-                ${this.calldataPanel.render()}
-                ${this.callstackPanel.render()}
+                <td>
+                  ${this.calldataPanel.render()}
+                </td>
+                <td>
+                  ${this.callstackPanel.render()}
+                </td>
               </tr>
             </tbody>
           </table>