Removed logging entries; added tab bottom border

src/app/app.component.html

@@ -1,6 +1,7 @@
 <div class="col">
     <info-bar></info-bar>
     <tabs></tabs>
+    <hr class="tabs-bar-underline"/>
     <editors></editors>
     <search-replace></search-replace>
     <markdown-preview></markdown-preview>

src/app/editor/tabs/tabs.component.css

@@ -22,7 +22,7 @@
 }
 
 .active-tab {
-    background-color: rgba(255, 255, 255, 0.46);
+    background-color: rgba(144, 144, 144, 0.64);
     color: rgba(255, 255, 255, 0.8);
 }
 

src/app/editor/tabs/tabs.component.ts

@@ -74,11 +74,6 @@ export class TabsComponent {
                     elm.classList.remove("file-changed");
                     break;
                 case "highlight-active-tab":
-                    console.log("\n\n")
-                    console.log(message)
-                    console.log(elm)
-                    console.log(this.activeTab)
-
                     if (!elm) {
                         if (this.activeTab) {
                             this.activeTab.classList.remove("active-tab")

src/assets/css/styles.css

@@ -57,6 +57,13 @@
     margin-right: 0.2em;
 }
 
+.tabs-bar-underline {
+    border-color: #fff;
+    margin-top: -.8em;
+    margin-left: -.2em;
+    border-width: 0.2em;
+}
+
 .hr-pane-handle,
 .vr-pane-handle {
       border: 2px dashed lightblue;