From b9a46288dc5e0bfa40aabefa7dfc873dbf4deb9c Mon Sep 17 00:00:00 2001
From: "Manu Mtz.-Almeida" <manu.valladolid@gmail.com>
Date: Sat, 5 Mar 2016 15:13:35 +0100
Subject: [PATCH] fix(tabs): improves tabs style for iOS

---
 ionic/components/tabs/tabs.ios.scss | 8 +++++---
 ionic/components/tabs/tabs.scss     | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/ionic/components/tabs/tabs.ios.scss b/ionic/components/tabs/tabs.ios.scss
index 4842e4439e..4b70190eea 100644
--- a/ionic/components/tabs/tabs.ios.scss
+++ b/ionic/components/tabs/tabs.ios.scss
@@ -7,7 +7,7 @@
 $tabbar-ios-background:               $toolbar-ios-background !default;
 $tabbar-ios-item-padding:             0px 10px !default;
 $tabbar-ios-item-font-size:           10px !default;
-$tabbar-ios-item-icon-size:           32px !default;
+$tabbar-ios-item-icon-size:           30px !default;
 $tabbar-ios-height:                   49px !default;
 
 $tab-button-ios-min-width:            80px !default;
@@ -43,6 +43,8 @@ ion-tabs[tabbarPlacement=top] tabbar {
 .tab-button-text {
   min-height: $tabbar-ios-item-font-size + 1;
   font-size: $tabbar-ios-item-font-size;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
 .has-title-only .tab-button-text {
@@ -65,8 +67,6 @@ ion-tabs[tabbarPlacement=top] tabbar {
   .tab-button-text {
     font-size: 1.4rem;
     line-height: 1.1;
-    margin-top: 0;
-    margin-bottom: 0;
   }
 
   ion-icon {
@@ -83,6 +83,8 @@ ion-tabs[tabbarPlacement=top] tabbar {
   .tab-button-text {
     font-size: 1.4rem;
     line-height: 1.1;
+
+    margin: 2px 0px;
   }
 }
 
diff --git a/ionic/components/tabs/tabs.scss b/ionic/components/tabs/tabs.scss
index 7d5866ceba..c9fcb2d429 100644
--- a/ionic/components/tabs/tabs.scss
+++ b/ionic/components/tabs/tabs.scss
@@ -146,7 +146,7 @@ tab-highlight {
 
 .tab-badge {
   position: absolute;
-  top: 4%;
+  top: 6%;
   right: 4%;
   right: calc(50% - 50px);
   padding: 1px 6px;