Fixed "fantom account"

UI/Templates/MailerUI/UIxMailMainFrame.wox

@@ -287,15 +287,7 @@
 
       <md-content md-scroll-y="md-scroll-y" class="md-flex">
         <md-list ng-repeat="account in accounts track by account.id">
-          <md-item>
-            <md-item-content>
-              <div class="md-tile-content">
-                <md-button>
-                  <span>{{account.name}}</span>
-                </md-button>
-              </div>
-            </md-item-content>
-          </md-item>
+          <h2 class="sg-md-subheader--static sg-padded">{{account.name}}</h2>
           <sg-folder-tree ng-repeat="folder in account.$mailboxes track by folder.id" sg-root="account" sg-folder="folder" sg-select-folder="setCurrentFolder"><!-- tree --></sg-folder-tree>
         </md-list>
       </md-content>

UI/WebServerResources/scss/components/subheader/subheader.scss

@@ -1,17 +1,26 @@
 @import 'extends';
 
 .sg-md-subheader {
-    padding: $baseline-grid $baseline-grid $baseline-grid $layout-gutter-width;
-    position: fixed;
-    background-color: transparent;
+  position: fixed;
+  z-index: auto;
+  padding: $baseline-grid $baseline-grid $baseline-grid $layout-gutter-width;
+  background-color: transparent;
+  &--static {
+    position: static;
     z-index: auto;
+    padding: $baseline-grid $baseline-grid $baseline-grid $layout-gutter-width;
+    background-color: transparent;
+    font-size: $sg-font-size-2;
+    font-weight: $sg-font-medium;
+  }
 }
 
 .sg-md-subheader {
-  font-size: $sg-font-size-2;
   font-weight: $sg-font-medium;
+  font-size: $sg-font-size-2;
 }
+
 .sg-md-subheader > * {
-  font-size: inherit;
   font-weight: inherit;
-};
+  font-size: inherit;
+}

UI/WebServerResources/scss/core/typography.scss

@@ -423,7 +423,9 @@ html p {
 /// @alias .subhead-2
 .#{$md}-subhead-solo {
   @extend .#{$md}-subhead-2;
+  margin: 0;
 }
+
 .#{$md}-title {
   $lineHeight : $sg-line-height-4;
   font-size: $sg-font-size-4;