default tab = workspace (to avoid weird rolling vcs display and "Failed" msg); css tweak for mobile

css/ui.css

@@ -141,6 +141,10 @@ body.tab-layout #notebook > #emulator.active {
 body.tab-layout #notebook > .gutter {
   display:none;
 }
+/* no button-group background on mobile tab layout */
+body.tab-layout .btn_group {
+  background-color:transparent;
+}
 #workspace {
   background-color:#333;
   overflow:hidden;

index.html

@@ -277,7 +277,7 @@ body {
 <div id="notebook">
   <!-- shown only on small screens (see ide/layout.ts); switches the panes below -->
   <div id="mobiletabs" class="disable-select">
-    <button type="button" class="mobiletab" data-tab="sidebar">Files</button>
+    <button type="button" class="mobiletab" data-tab="sidebar">Sidebar</button>
     <button type="button" class="mobiletab" data-tab="editor">Editor</button>
     <button type="button" class="mobiletab active" data-tab="emulator">Emulator</button>
   </div>

src/ide/layout.ts

@@ -33,7 +33,7 @@ var hooks: LayoutHooks = null;
 var notebookSplit: any = null;
 // true when the panes are shown as tabs (one at a time) instead of side by side
 var tabMode = false;
-var activeTab = 'emulator';
+var activeTab = 'workspace';
 // the side-by-side sizes to restore when we leave tab mode
 var desktopSizes: number[] = null;
 var splitStorageName: string = null;