(css) Improve display of mail quota

UI/Templates/MailerUI/UIxMailMainFrame.wox

@@ -254,7 +254,8 @@
             <md-progress-linear md-mode="determinate"
                                 ng-class="{ 'md-warn': account.$quota.percent > 70 }"
                                 value="{{account.$quota.percent}}"><!-- quota --></md-progress-linear>
-            <div class="sg-md-caption">{{ account.$quota.description }}</div>
+            <div class="sg-md-caption md-default-theme md-fg md-primary"
+                 ng-class="{ 'md-warn': account.$quota.percent > 70 }">{{ account.$quota.description }}</div>
           </div>
           <md-virtual-repeat-container class="md-flex">
             <md-list>

UI/WebServerResources/scss/views/MailerUI.scss

@@ -4,6 +4,9 @@
 .sg-quota {
   padding-bottom: $baseline-grid;
   text-align: center;
+  md-progress-linear > .md-container {
+    height: 2px;
+  }
 }
 
 // Message view header