From fe57e4480adb7bdd03b98fe70247f72fe6103ecb Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Tue, 8 Aug 2017 11:16:49 +0200
Subject: [PATCH] update debugger tab styling

---
 src/app/debugger-tab.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/debugger-tab.js b/src/app/debugger-tab.js
index aa987c0664..66ca52d36a 100644
--- a/src/app/debugger-tab.js
+++ b/src/app/debugger-tab.js
@@ -2,16 +2,24 @@ var yo = require('yo-yo')
 
 // -------------- styling ----------------------
 var csjs = require('csjs-inject')
+var styleGuide = require('./style-guide')
+var styles = styleGuide()
 
 var css = csjs`
   .debuggerTabView {
     padding: 2%;
   }
+  .debugger extends ${styles.displayBox} {
+    margin-bottom: 1%;
+  }
 `
 
 module.exports = debuggerTab
 
 function debuggerTab (container, appAPI, events, opts) {
-  var el = yo` <div class="${css.debuggerTabView} "id="debugView"><div id="debugger"></div></div>`
+  var el = yo`
+    <div class="${css.debuggerTabView} "id="debugView">
+      <div id="debugger" class="${css.debugger}"></div>
+    </div>`
   container.appendChild(el)
 }