Merge pull request #336 from JoeForks/fix/change-tooltip-and-font-smoothing

Use tooltip on status page and fix fonts

app/assets/js/start.js

@@ -56,7 +56,7 @@ $(function() {
         var $el = $(this);
         $el
             .livestamp($el.data('timeago'))
-            .popover();
+            .tooltip();
     });
 
     window.CachetHQ.Notifier = function () {

app/assets/sass/_status-page.scss

@@ -3,7 +3,8 @@ body.status-page {
     background-color: #F0F3F4;
     color: #333333;
     font-size: 1.4em;
-    font-weight: 300;
+    font-weight: $base-font-weight;
+    -webkit-font-smoothing: antialiased;
 
     hr {
         margin-top: 10px;

app/assets/sass/partials/_base.scss

@@ -7,8 +7,8 @@ body.dashboard {
     width: 100%;
     height: 100%;
     table-layout: fixed;
-    -webkit-font-smoothing: antialiased;
     line-height: $base-line-height;
+    -webkit-font-smoothing: antialiased;
 
     .wrapper {
         padding-left: 0;

app/views/partials/incidents.blade.php

@@ -15,7 +15,7 @@
                             <strong>{{ $incident->name }}</strong>
                             <br>
                             <small class="date">
-                                <abbr class="timeago" tabindex="{{ $incidentID }}" data-container="body" data-toggle="popover" data-placement="right" data-trigger="focus" data-content="{{ $incident->created_at_formated }}" data-timeago="{{ $incident->created_at_iso }}">
+                                <abbr class="timeago" data-toggle="tooltip" data-placement="right" title="{{ $incident->created_at_formated }}" data-timeago="{{ $incident->created_at_iso }}">
                                 </abbr>
                             </small>
                         </div>