move css styles of debugger-tab to its own file

src/app/tabs/compile-tab.js

@@ -1,6 +1,5 @@
 /* global */
 var $ = require('jquery')
-
 var yo = require('yo-yo')
 
 var parseContracts = require('../contract/contractParser')
@@ -9,9 +8,9 @@ var modalDialog = require('../ui/modaldialog')
 var modalDialogCustom = require('../ui/modal-dialog-custom')
 var TreeView = require('remix-debugger').ui.TreeView
 var copyToClipboard = require('../ui/copy-to-clipboard')
-var remixLib = require('remix-lib')
 
 var css = require('./styles/compile-tab-styles')
+var remixLib = require('remix-lib')
 var styleGuide = remixLib.ui.themeChooser
 var styles = styleGuide.chooser()
 

src/app/tabs/debugger-tab.js

@@ -1,20 +1,5 @@
 var yo = require('yo-yo')
-// -------------- styling ----------------------
-var csjs = require('csjs-inject')
-var styleGuide = require('remix-lib').ui.themeChooser
-var styles = styleGuide.chooser()
-
-var css = csjs`
-  .debuggerTabView {
-    padding: 2%;
-  }
-  .debugger {
-    margin-bottom: 1%;
-    ${styles.rightPanel.debuggerTab.box_Debugger}
-  }
-`
-
-module.exports = debuggerTab
+var css = require('./styles/debugger-tab-styles')
 
 function debuggerTab (container, appAPI, events, opts) {
   var el = yo`
@@ -24,3 +9,5 @@ function debuggerTab (container, appAPI, events, opts) {
   container.appendChild(el)
   return el
 }
+
+module.exports = debuggerTab

src/app/tabs/styles/debugger-tab-styles.js

@@ -0,0 +1,15 @@
+var csjs = require('csjs-inject')
+var styleGuide = require('remix-lib').ui.themeChooser
+var styles = styleGuide.chooser()
+
+var css = csjs`
+  .debuggerTabView {
+    padding: 2%;
+  }
+  .debugger {
+    margin-bottom: 1%;
+    ${styles.rightPanel.debuggerTab.box_Debugger}
+  }
+`
+
+module.exports = css