From a7a1fbeacd0a35c628f868b7c0dfc25dfe15c702 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Mon, 2 Nov 2015 18:08:01 -0500
Subject: [PATCH] fix(segment): fixed display of segment on iOS and MD mode

references #356
---
 ionic/components/segment/modes/ios.scss | 6 ++++++
 ionic/components/segment/modes/md.scss  | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/ionic/components/segment/modes/ios.scss b/ionic/components/segment/modes/ios.scss
index 214f725c95..ed544b7d4b 100644
--- a/ionic/components/segment/modes/ios.scss
+++ b/ionic/components/segment/modes/ios.scss
@@ -15,6 +15,12 @@ $segment-button-ios-hover-opacity:            0.16 !default;
 
 $segment-button-ios-toolbar-button-max-width: 100px !default;
 
+
+ion-segment {
+  display: flex;
+  align-items: center;
+}
+
 .ion-segment {
 
   button,
diff --git a/ionic/components/segment/modes/md.scss b/ionic/components/segment/modes/md.scss
index 9ae495b730..f35081371b 100644
--- a/ionic/components/segment/modes/md.scss
+++ b/ionic/components/segment/modes/md.scss
@@ -36,7 +36,7 @@ $segment-button-md-border-bottom:              2px solid rgba(#000000, 0.10) !de
 
 ion-toolbar {
   .ion-segment {
-    width: 80%;
+    width: 95%;
     margin: 0 auto;
   }
 }