From 7121233a18d223574e203b8a93444c243bf34ef1 Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Mon, 4 Jan 2016 11:50:25 -0500
Subject: [PATCH] (css) Improve display of mail quota

---
 UI/Templates/MailerUI/UIxMailMainFrame.wox     | 3 ++-
 UI/WebServerResources/scss/views/MailerUI.scss | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/UI/Templates/MailerUI/UIxMailMainFrame.wox b/UI/Templates/MailerUI/UIxMailMainFrame.wox
index 259d47751..a254981a1 100644
--- a/UI/Templates/MailerUI/UIxMailMainFrame.wox
+++ b/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>
diff --git a/UI/WebServerResources/scss/views/MailerUI.scss b/UI/WebServerResources/scss/views/MailerUI.scss
index 7ce51c103..e3779c5f2 100644
--- a/UI/WebServerResources/scss/views/MailerUI.scss
+++ b/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