MOBILE-2774 tabs: Style badges on tabs

src/components/tabs/tabs.scss

@@ -18,17 +18,25 @@ ion-app.app-root .core-tabs-bar {
         font-size: 1.6rem;
         border: 0;
         padding: 0 !important;
+        display: flex;
+        flex-direction: row;
 
         span {
             text-overflow: ellipsis;
             white-space: nowrap;
             overflow: hidden;
             word-wrap: break-word;
-            display: block;
+            max-width: 100%;
-            width: 100%;
             line-height: 1.2em;
         }
 
+        ion-badge.tab-badge {
+            position: relative;
+            @include position(auto, auto, auto, auto);
+            @include margin(null, null, null, 5px);
+
+        }
+
         &[aria-selected=true] {
             color: $core-top-tabs-color-active !important;
             border: 0 !important;

src/theme/variables.scss

@@ -84,7 +84,11 @@ $colors: (
   dark:       $black,
   warning:    $yellow,
   success:    $green,
-  info:       $blue
+  info:       $blue,
+  inverted: (
+    base: $white,
+    contrast: $core-color
+  )
 );
 
 $text-color:                 $black !default;