#327414 Update color of some labels

app/events/event-details/event-details.component.css

@@ -97,7 +97,8 @@
 }
 
 .votes-count {
-  font-size: 13;
+  font-size: 12;
+  color: #9d9d9d;
 }
 
 .registered-label {

app/events/event-list/event-list.component.css

@@ -68,9 +68,16 @@
   background-color: rgba(0, 0, 0, .35);
 }
 
+.event-organiser >>> .user-name,
+.user-name,
+.group {
+  color: #9d9d9d;
+}
+
 .event-list-separator {
   border-width: 0;
   border-bottom-width: 1;
   border-color: #c8c7cc;
   height: 1;
 }
+

app/groups/group-list/group-list.component.css

@@ -8,11 +8,14 @@
 }
 
 .group-name {
+  margin-bottom: 3;
   color: #000;
 }
 
 .group-subtext {
+  text-transform: uppercase;
   font-size: 12;
+  color: #9d9d9d;
 }
 
 .join-btn {

app/shared/user-display/user-display.template.html

@@ -2,7 +2,7 @@
     <StackLayout orientation="horizontal" *ngFor="let user of users; let ind = index">
         <photo-picker *ngIf="user && showImage(ind)" class="user-image" [url]="user.ImageUrl" [type]="'user'" [small]="true" [noImageIcon]="'&#x6c;'"></photo-picker>
         <Label *ngIf="user && showNames" class="user-name" [text]="user.DisplayName || user.Username"></Label>
-        <Label *ngIf="!user" text="Unknown User"></Label>
+        <Label *ngIf="!user" class="user-name" text="Unknown User"></Label>
     </StackLayout>
     <Label class="remaining-users" *ngIf="hasRemainingLabel()" [text]="getRemainingText()"></Label>
 </WrapLayout>