From c7068b11a73c5ab999df30deb480a02c44bbe1b6 Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Mon, 14 Dec 2015 13:53:39 -0500
Subject: [PATCH] (css) Improve sg-color-chip of events/tasks lists

---
 UI/WebServerResources/scss/components/list/list.scss | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/UI/WebServerResources/scss/components/list/list.scss b/UI/WebServerResources/scss/components/list/list.scss
index 591c9ada9..31aab8e12 100644
--- a/UI/WebServerResources/scss/components/list/list.scss
+++ b/UI/WebServerResources/scss/components/list/list.scss
@@ -15,7 +15,7 @@ $list-item-height: 6 * $baseline-grid; // 48px
 $sg-avatar-width: 40px;
 
 // Circle diamter of color chips
-$sg-color-chip-width: $subhead-font-size-base;
+$sg-color-chip-width: 16px;
 
 // List item label
 md-list-item {
@@ -123,19 +123,16 @@ div.md-tile-left {
   &-color-chip {
     display: block;
     border-radius: 50%;
-    margin-right: $bl;
-    margin-left: -($bl);
-    border-width: ($sg-avatar-width - $sg-color-chip-width) / 2;
+    margin-left: $bl;
     border-color: white;
     border-style: solid;
     width: $sg-color-chip-width;
     height: $sg-color-chip-width;
-    width: $sg-avatar-width;
-    height: $sg-avatar-width;
   }
 
   &-tile-content {
     flex: 1;
+    overflow: hidden; // required in Firefox
     .sg-tile-date {
       font-size: sg-size(body);
       font-weight: $sg-font-light;