From d0301c814eb70a2aac920fdbf85143beb5613013 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Mon, 2 Nov 2015 16:15:58 -0500
Subject: [PATCH] refactor(segment): cleaned up UI of segments inside of a
 toolbar

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

diff --git a/ionic/components/segment/modes/ios.scss b/ionic/components/segment/modes/ios.scss
index 485b318599..214f725c95 100644
--- a/ionic/components/segment/modes/ios.scss
+++ b/ionic/components/segment/modes/ios.scss
@@ -13,6 +13,7 @@ $segment-button-ios-text-color:               inverse($segment-button-ios-bg-col
 $segment-button-ios-activated-transition:     100ms all linear !default;
 $segment-button-ios-hover-opacity:            0.16 !default;
 
+$segment-button-ios-toolbar-button-max-width: 100px !default;
 
 .ion-segment {
 
@@ -63,6 +64,17 @@ $segment-button-ios-hover-opacity:            0.16 !default;
 
 }
 
+ion-toolbar {
+  .ion-segment {
+    justify-content: center;
+
+    button,
+    [button] {
+      max-width: $segment-button-ios-toolbar-button-max-width;
+    }
+  }
+}
+
 // Generate Default Button Colors
 // --------------------------------------------------
 
diff --git a/ionic/components/segment/modes/md.scss b/ionic/components/segment/modes/md.scss
index 28bb466222..9ae495b730 100644
--- a/ionic/components/segment/modes/md.scss
+++ b/ionic/components/segment/modes/md.scss
@@ -34,6 +34,13 @@ $segment-button-md-border-bottom:              2px solid rgba(#000000, 0.10) !de
   }
 }
 
+ion-toolbar {
+  .ion-segment {
+    width: 80%;
+    margin: 0 auto;
+  }
+}
+
 // Generate Default Button Colors
 // --------------------------------------------------