fix(dashboard): Add ellipsis on brand overflow + k formatter on accuracy

Fixes #67

src/app/app.module.ts

@@ -23,6 +23,7 @@ import { MobileInput } from '../components/mobile-input/mobile-input';
 
 import { 
   ArethmeticSign, 
+  KFormatter,
   LeadingZero,
   TwAPIService,
   GAService,
@@ -49,6 +50,7 @@ import { TranslateModule, TranslateStaticLoader, TranslateLoader } from 'ng2-tra
     WatchPage,
     TipsPage,
     ArethmeticSign,
+    KFormatter,
     LeadingZero,
     ClockComponent,
     MoonPhasesComponent,

src/pages/dashboard/dashboard.html

@@ -59,7 +59,7 @@ <h3>{{ watch.name }}</h3>
 
               <div id="accuracy">
                 <span  *ngIf="watch.status !== WatchStatus.NeverMeasured && watch.lastCompleteMeasure() !== null">
-                  {{ watch.lastCompleteMeasure().accuracy |  arethmeticSign}}
+                  {{ watch.lastCompleteMeasure().accuracy |  arethmeticSign | kFormatter}}
                   <span id="spd">{{'spd-short' | translate }}
                   </span>
                 </span>

src/pages/dashboard/dashboard.scss

@@ -69,7 +69,7 @@
 
     #accuracy{
         position:absolute;
-        width:30%;
+        max-width: 30%;
         float:right;
         color:#3B5B7F;
         display:block;
@@ -117,16 +117,17 @@
     }
 
     h2{
-        width:68%;
         font-size:1.2em;
         color:#2a2a2c;
         overflow: hidden;
+        text-overflow: ellipsis;
 
     }
 
     h3{
         width:70%;
         overflow: hidden;
+        text-overflow: ellipsis;
 
         color:#b1b1b3;
     }