From d8145e80b1c441143dfc7bfcb21987c78e97690e Mon Sep 17 00:00:00 2001
From: Jonathan Rainville <rainville.jonathan@gmail.com>
Date: Wed, 24 Oct 2018 16:03:40 -0400
Subject: [PATCH] fix tabs

---
 embark-ui/src/components/TextEditor.js | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/embark-ui/src/components/TextEditor.js b/embark-ui/src/components/TextEditor.js
index 85e57be6..7b661a2a 100644
--- a/embark-ui/src/components/TextEditor.js
+++ b/embark-ui/src/components/TextEditor.js
@@ -132,10 +132,15 @@ class TextEditor extends React.Component {
     return (
       <ul className="list-inline m-0 p-2">
         {this.props.editorTabs.map(file => (
-          <li key={file.name} className={classNames("list-inline-item", "border-right", "p-2", { 'bg-dark': file.name === this.props.currentFile.name })}>
-            <a className="text-white no-underline" href="#switch-tab" onClick={() => this.props.addEditorTabs(file)}>{file.name}</a>
-            <FontAwesomeIcon onClick={() => this.props.removeEditorTabs(file)} className="mx-1" name="close" />
-        </li>
+          <li key={file.name} className={classNames("list-inline-item")}>
+            <a className={classNames({'text-body': file.name !== this.props.currentFile.name},
+              {'text-primary': file.name === this.props.currentFile.name}, "border-right", "p-2", "d-inline-block")}
+               href="#switch-tab" onClick={() => this.props.addEditorTabs(file)}>
+              {file.name}
+               <FontAwesomeIcon onClick={() => this.props.removeEditorTabs(file)} className="mx-1" name="close"/>
+            </a>
+
+          </li>
         ))}
       </ul>
     );
@@ -145,7 +150,7 @@ class TextEditor extends React.Component {
     return (
       <div className="h-100 d-flex flex-column">
         {this.renderTabs()}
-        <div style={{height: '100%'}} id={EDITOR_ID} />
+        <div style={{height: '100%'}} id={EDITOR_ID}/>
       </div>
     );
   }