From 015f389f7ca7e7096bd16f6ef40e9a12b3948137 Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Wed, 31 Aug 2016 11:19:36 -0400
Subject: [PATCH] (css) Improve display of attendees status icon

---
 UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox | 4 ++--
 UI/WebServerResources/scss/components/chips/chips.scss  | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox b/UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox
index 3be33563c..b2a5ed032 100644
--- a/UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox
+++ b/UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox
@@ -168,7 +168,7 @@
               <label class="pseudo-input-label"><var:string label:value="Attendees"/></label>
               <!-- md-contact-chips don't support "readonly", so we build them using md-chips
                    in readonly mode and a template similar to the one of md-contact-chips -->
-              <md-chips class="md-contact-chips sg-readonly"
+              <md-chips class="md-contact-chips sg-readonly sg-with-secondary"
                         ng-model="::editor.component.attendees"
                         readonly="true">
                 <md-chip-template>
@@ -179,7 +179,7 @@
                     <a href="#"
                        ng-click="editor.newMessageWithRecipient($event, $chip.name, $chip.email)">{{$chip.name}}</a>
                   </div>
-                  <md-icon ng-class="'icon-' + $chip.partstat"><!-- partstat --></md-icon>
+                  <md-icon class="sg-secondary" ng-class="'icon-' + $chip.partstat"><!-- partstat --></md-icon>
                 </md-chip-template>
               </md-chips>
             </div>
diff --git a/UI/WebServerResources/scss/components/chips/chips.scss b/UI/WebServerResources/scss/components/chips/chips.scss
index 8ec4d77b4..e9b57b778 100644
--- a/UI/WebServerResources/scss/components/chips/chips.scss
+++ b/UI/WebServerResources/scss/components/chips/chips.scss
@@ -55,6 +55,15 @@ md-chips {
   }
 }
 
+// Adjust space around secondary element in contact chip.
+// Used for attendees participation status icon (UIxAppointmentViewTemplate.wox)
+.md-contact-chips.sg-with-secondary .md-chips md-chip {
+  padding-right: 0;
+  .sg-secondary {
+    margin-right: $baseline-grid;
+  }
+}
+
 // Enlarge the default autocompletion menu
 .sg-chips-autocomplete,
 .sg-chips-autocomplete input {