From 12d08a4d08106faddd5b3c37971aeeede5ecb984 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Tue, 30 Jun 2020 11:35:50 +0200
Subject: [PATCH] use bootstrap + indent

---
 .../tabs/debugger/debuggerUI/VmDebugger.js    | 21 +++++++------------
 1 file changed, 7 insertions(+), 14 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/debugger/debuggerUI/VmDebugger.js b/apps/remix-ide/src/app/tabs/debugger/debuggerUI/VmDebugger.js
index bdb5870ad1..75706255fa 100644
--- a/apps/remix-ide/src/app/tabs/debugger/debuggerUI/VmDebugger.js
+++ b/apps/remix-ide/src/app/tabs/debugger/debuggerUI/VmDebugger.js
@@ -16,15 +16,8 @@ var FullStoragesChangesPanel = require('./vmDebugger/FullStoragesChanges')
 var DropdownPanel = require('./vmDebugger/DropdownPanel')
 
 var css = csjs`
-  .solidityPanel {
-    width: 100%;
-  }
-  .asmCode {
-    width: 100%;
-  }
   .stepDetail {
-    width: 100%;
-    line-height: 2O%;
+    line-height: 20%;
   }
   .vmheadView {
     margin-top:10px;
@@ -142,18 +135,18 @@ function VmDebugger (vmDebuggerLogic) {
 
 VmDebugger.prototype.renderHead = function () {
   this.solidityPanel = yo`
-    <div class="${css.solidityPanel} column" hidden>
-          ${this.functionPanel.render()}
-          ${this.solidityLocals.render()}
-          ${this.solidityState.render()}
+    <div class="${css.solidityPanel} column w-100" hidden>
+      ${this.functionPanel.render()}
+      ${this.solidityLocals.render()}
+      ${this.solidityState.render()}
     </div>
   `
   const headView = yo`
     <div id="vmheadView" class="${css.vmheadView} container">
       <div class="row" >
         ${this.solidityPanel}
-        <div class="${css.asmCode} column">${this.asmCode.render()}</div>
-        <div class="${css.stepDetail} column">${this.stepDetail.render()}</div>
+        <div class="column w-100">${this.asmCode.render()}</div>
+        <div class="${css.stepDetail} column w-100">${this.stepDetail.render()}</div>
       </div>
     </div>
   `