From 44caa1fd974bfba92e99a40a32eaaf967a72ea32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Mon, 3 Dec 2018 16:28:48 +0100
Subject: [PATCH] MOBILE-2774 tabs: Style badges on tabs

---
 src/components/tabs/tabs.scss | 12 ++++++++++--
 src/theme/variables.scss      |  6 +++++-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/tabs/tabs.scss b/src/components/tabs/tabs.scss
index e16a1cbd4..0dfbc392c 100644
--- a/src/components/tabs/tabs.scss
+++ b/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;
-            width: 100%;
+            max-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;
diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index 787e6f854..974cc1380 100644
--- a/src/theme/variables.scss
+++ b/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;