Update translations and title of date badges.

client/components/cards/cardDate.js

@@ -148,10 +148,6 @@ const CardDate = BlazeComponent.extendComponent({
     });
   },
 
-  showTitle() {
-    return this.date.get().format('LLLL');
-  },
-
   showISODate() {
     return this.date.get().toISOString();
   },
@@ -173,6 +169,10 @@ class CardStartDate extends CardDate {
     }
   }
 
+  showTitle() {
+    return TAPi18n.__('card-start-on') + ' ' + this.date.get().format('LLLL');
+  }
+
   events() {
     return super.events().concat({
       'click .js-edit-date': Popup.open('editCardStartDate'),
@@ -199,6 +199,10 @@ class CardDueDate extends CardDate {
       return 'almost-due';
   }
 
+  showTitle() {
+    return TAPi18n.__('card-due-on') + ' ' + this.date.get().format('LLLL');
+  }
+
   events() {
     return super.events().concat({
       'click .js-edit-date': Popup.open('editCardDueDate'),

client/components/cards/cardDate.styl

@@ -30,9 +30,9 @@
     color: #fff
 
   &.current
-    background-color: #42ca00
+    background-color: #5ba639
     &:hover, &.is-active
-      background-color: darken(#42ca00, 15)
+      background-color: darken(#5ba639, 10)
   
   &.almost-due
     background-color: #edc909
@@ -42,7 +42,7 @@
   &.due
     background-color: #fa3f00
     &:hover, &.is-active
-      background-color: darken(#fa3f00, 15)
+      background-color: darken(#fa3f00, 10)
   
   &.long-overdue
     background-color: #fd5d47

client/components/cards/cardDetails.jade

@@ -37,12 +37,12 @@ template(name="cardDetails")
 
       if startAt
         .card-details-item.card-details-item-start
-          h3.card-details-item-title {{_ 'start-at'}}
+          h3.card-details-item-title {{_ 'card-start'}}
           +cardStartDate
 
       if dueAt
         .card-details-item.card-details-item-due
-          h3.card-details-item-title {{_ 'due-at'}}
+          h3.card-details-item-title {{_ 'card-due'}}
           +cardDueDate