Polishing notifications:

- Added font family
- Bottombar has it's height decreased
- Centering the changes for the center of the speech bubble icon

h/css/sidebar.scss

@@ -110,8 +110,9 @@ svg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
   }
 
   .notification-counter {
+    font-family: $sansFontFamily;
     position: absolute;
-    margin-left: 1em;
+    margin-left: .8em;
     float: left;
     margin-top: 0.37em;
     z-index: 2;
@@ -123,7 +124,7 @@ svg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
   position: fixed;
   bottom: 0px;
   left: 39px; //17 + $heatmap_width
-  height: 5em;
+  height: 3.7em;
   width: 100%;
 
   .notif-list {
@@ -137,6 +138,10 @@ svg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
   .bottom-padding {
     padding-bottom: .5em;
   }
+
+  .notif-text {
+    font-family: $sansFontFamily;
+  }
 }
 
 //CONTROLBAR STUFF////////////////////////////////

h/js/controllers.coffee

@@ -454,9 +454,11 @@ class App
     $scope.addUpdateNotification = ->
       # Do not add an update notification twice
       unless $scope.new_updates > 0
+        if $scope.new_updates < 2 then text = 'change.'
+        else text = 'changes.'
         notification =
           type: 'update'
-          text: 'Click to load ' + $scope.new_updates + ' changes.'
+          text: 'Click to load ' + $scope.new_updates + ' ' + text
           callback: =>
             $scope.reloadAnnotations()
             $scope.removeNotificationUpdate()
@@ -464,15 +466,16 @@ class App
 
         $scope.notifications.unshift notification
 
-        $element.find('.tri').toggle('fg_highlight',{color:'lightblue'})
-        $timeout ->
-          $element.find('.tri').toggle('fg_highlight',{color:'lightblue'})
-        ,500
-
     $scope.$watch 'new_updates', (updates) ->
       for notif in $scope.notifications
         if notif.type is 'update'
-          notif.text = 'Click to load ' + updates + ' changes.'
+          if $scope.new_updates < 2 then text = 'change.'
+          else text = 'changes.'
+          notif.text = 'Click to load ' + updates + ' ' + text
+      $element.find('.tri').toggle('fg_highlight',{color:'lightblue'})
+      $timeout ->
+        $element.find('.tri').toggle('fg_highlight',{color:'lightblue'})
+      ,500
 
     $scope.initUpdater = ->
       $scope.new_updates = 0