From 94efa4d7d46cb1e535bfacb3f514a96de59237f8 Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Fri, 24 Jul 2020 09:46:16 -0400
Subject: [PATCH] fix(mail(css)): yellow flags for more visibility

---
 UI/Templates/MailerUI/UIxMailViewTemplate.wox                 | 2 +-
 .../js/Mailer/sgMessageListItemMain.directive.js              | 2 +-
 UI/WebServerResources/scss/views/MailerUI.scss                | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/UI/Templates/MailerUI/UIxMailViewTemplate.wox b/UI/Templates/MailerUI/UIxMailViewTemplate.wox
index a97287c8d..0b4eacec9 100644
--- a/UI/Templates/MailerUI/UIxMailViewTemplate.wox
+++ b/UI/Templates/MailerUI/UIxMailViewTemplate.wox
@@ -31,7 +31,7 @@
           </md-button>
           <div class="md-flex"><!-- spacer --></div>
           <md-button class="sg-icon-button" label:aria-label="Flagged" ng-click="viewer.message.toggleFlag()">
-            <md-icon ng-class="{ 'md-accent md-hue-2': viewer.message.isflagged }">{{ viewer.message.isflagged ? 'star' : 'star_border' }}</md-icon>
+            <md-icon ng-class="{ 'sg-icon-star': viewer.message.isflagged }">{{ viewer.message.isflagged ? 'star' : 'star_border' }}</md-icon>
           </md-button>
           <md-button class="sg-icon-button"
                      ng-hide="::viewer.message.isDraft"
diff --git a/UI/WebServerResources/js/Mailer/sgMessageListItemMain.directive.js b/UI/WebServerResources/js/Mailer/sgMessageListItemMain.directive.js
index bff593031..abd080598 100644
--- a/UI/WebServerResources/js/Mailer/sgMessageListItemMain.directive.js
+++ b/UI/WebServerResources/js/Mailer/sgMessageListItemMain.directive.js
@@ -32,7 +32,7 @@
         '  </div>',
         '</div>',
         '<div class="sg-tile-icons">',
-        '  <md-icon class="ng-hide">star</md-icon>',
+        '  <md-icon class="ng-hide sg-icon-star">star</md-icon>',
         '  <md-icon class="ng-hide">reply</md-icon>',
         '  <md-icon class="ng-hide">forward</md-icon>',
         '  <md-icon class="ng-hide">attach_file</md-icon>',
diff --git a/UI/WebServerResources/scss/views/MailerUI.scss b/UI/WebServerResources/scss/views/MailerUI.scss
index b073effe9..3331bed2e 100644
--- a/UI/WebServerResources/scss/views/MailerUI.scss
+++ b/UI/WebServerResources/scss/views/MailerUI.scss
@@ -30,6 +30,10 @@
   }
 }
 
+.sg-icon-star {
+  color: $colorYellow700;
+}
+
 // Message view header
 // Could be made into a more generic component
 // ----------------------------------------------------------------------------