From b9b2e6a70db29c2cf5493521c222e80798580754 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Wed, 22 Aug 2018 11:43:09 +0200
Subject: [PATCH] small ui fixes

---
 src/app/debugger/remix-debugger/src/ui/TxBrowser.js  | 10 +++++++---
 src/app/debugger/remix-debugger/src/ui/VmDebugger.js |  7 +++++--
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/app/debugger/remix-debugger/src/ui/TxBrowser.js b/src/app/debugger/remix-debugger/src/ui/TxBrowser.js
index 14f43101ce..cb03114e5b 100644
--- a/src/app/debugger/remix-debugger/src/ui/TxBrowser.js
+++ b/src/app/debugger/remix-debugger/src/ui/TxBrowser.js
@@ -23,8 +23,8 @@ var css = csjs`
   }
   .txinput {
     ${styles.rightPanel.debuggerTab.input_Debugger}
-    min-width: 30px;
     margin: 3px;
+    width: inherit;
   }
   .txbuttons {
     width: 100%;
@@ -33,6 +33,10 @@ var css = csjs`
   }
   .txbutton {
     ${styles.rightPanel.debuggerTab.button_Debugger}
+    width: inherit;
+  }
+  .txbuttonstart {
+    ${styles.rightPanel.debuggerTab.button_Debugger}
   }
   .txbutton:hover {
     color: ${styles.rightPanel.debuggerTab.button_Debugger_icon_HoverColor};
@@ -187,8 +191,8 @@ TxBrowser.prototype.render = function () {
             <input class="${css.txinput}" id='txinput' onkeyup=${function () { self.updateTxN(arguments[0]) }} type='text' placeholder=${'Transaction index or hash'} />
           </div>
           <div class="${css.txbuttons}">
-            <button id='load' class='fa fa-play ${css.txbutton}' title='start debugging' onclick=${function () { self.submit() }}></button>
-            <button id='unload' class='fa fa-stop ${css.txbutton}' title='stop debugging' onclick=${function () { self.unload() }}></button>
+            <button id='load' class='${css.txbutton}' title='start debugging' onclick=${function () { self.submit() }}>Start debugging</button>
+            <button id='unload' class='${css.txbutton}' title='stop debugging' onclick=${function () { self.unload() }}>Stop</button>
           </div>
         </div>
         <span id='error'></span>
diff --git a/src/app/debugger/remix-debugger/src/ui/VmDebugger.js b/src/app/debugger/remix-debugger/src/ui/VmDebugger.js
index 767e4eca6a..76cd224f81 100644
--- a/src/app/debugger/remix-debugger/src/ui/VmDebugger.js
+++ b/src/app/debugger/remix-debugger/src/ui/VmDebugger.js
@@ -18,10 +18,13 @@ var yo = require('yo-yo')
 var css = csjs`
   .asmCode {
     float: left;
-    width: 250px;
+    width: 50%;
   }
   .stepDetail {
   }
+  .vmheadView {
+    margin-top:10px;
+  }
 `
 
 function VmDebugger (_parentUI, _traceManager, _codeManager, _solidityProxy, _callTree) {
@@ -83,7 +86,7 @@ function VmDebugger (_parentUI, _traceManager, _codeManager, _solidityProxy, _ca
 }
 
 VmDebugger.prototype.renderHead = function () {
-  var headView = yo`<div id='vmheadView'>
+  var headView = yo`<div id='vmheadView' class=${css.vmheadView}>
         <div>
           <div class=${css.asmCode}>${this.asmCode.render()}</div>
           <div class=${css.stepDetail}>${this.stepDetail.render()}</div>