Make webide "tabs" nicer

src/app/webide/webide.component.html

@@ -1,6 +1,10 @@
 <ul class="editor-tabs">
   <li class="editor-li" *ngFor="let file of files">
-    <button class="editor-button" (click)="selectCode(file); requestCode();">{{file}}</button>
+    <button class="btn btn-primary btn-xs"
+            [class.active]="filename === file"
+            (click)="selectCode(file); requestCode();">
+      {{file}}
+    </button>
   </li>
 </ul>
 

src/app/webide/webide.component.scss

@@ -3,3 +3,11 @@
   width:100%;
   overflow: auto;
 }
+
+.editor-tabs {
+  list-style: none;
+}
+
+.editor-li {
+  float: left;
+}