ui changes

src/ui/ButtonNavigator.js

@@ -44,6 +44,14 @@ ButtonNavigator.prototype.render = function () {
   return view
 }
 
+ButtonNavigator.prototype.reset = function () {
+  this.intoBackDisabled = true
+  this.overBackDisabled = true
+  this.intoForwardDisabled = true
+  this.overForwardDisabled = true
+  this.nextCallDisabled = true
+}
+
 ButtonNavigator.prototype.stepChanged = function (step) {
   this.intoBackDisabled = step <= 0
   this.overBackDisabled = step <= 0
@@ -55,11 +63,7 @@ ButtonNavigator.prototype.stepChanged = function (step) {
     var self = this
     this.traceManager.getLength(function (error, length) {
       if (error) {
-        self.intoBackDisabled = true
-        self.overBackDisabled = true
-        self.intoForwardDisabled = true
-        self.overForwardDisabled = true
-        self.nextCallDisabled = true
+        self.reset()
         console.log(error)
       } else {
         self.intoForwardDisabled = step >= length - 1

src/ui/Ethdebugger.js

@@ -81,7 +81,7 @@ Ethdebugger.prototype.debug = function (tx) {
 
 Ethdebugger.prototype.render = function () {
   var view = yo`<div style=${ui.formatCss(style.font)}>
-        <div style=${ui.formatCss({'max-width': '51%'}, style.innerShift)}>
+        <div style=${ui.formatCss(style.innerShift)}>
           ${this.txBrowser.render()}
           ${this.stepManager.render()}
         </div>

src/ui/StepManager.js

@@ -56,7 +56,7 @@ StepManager.prototype.render = function () {
 StepManager.prototype.reset = function () {
   this.slider.setValue(0)
   this.currentStepIndex = 0
-  this.buttonNavigator.stepChanged(0)
+  this.buttonNavigator.reset()
 }
 
 StepManager.prototype.init = function () {

src/ui/styles/sliderStyles.js

 'use strict'
 module.exports = {
   rule: {
-    'width': '98%'
+    'width': '100%'
   }
 }