From 749eef2232476e7ed03e6ea88c3f0b505df3b9a9 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Fri, 10 Apr 2015 14:26:02 -0500
Subject: [PATCH] tab-bar min/max widths

---
 src/components/tabs/tabs.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/tabs/tabs.scss b/src/components/tabs/tabs.scss
index 5343e9571a..6c535d2042 100644
--- a/src/components/tabs/tabs.scss
+++ b/src/components/tabs/tabs.scss
@@ -4,8 +4,10 @@
 
 $tab-bar-min-height:               66px !default;
 $tab-bar-background-color:         #f7f7f8 !default;
+
 $tab-bar-item-padding:             10px !default;
-$tab-bar-item-min-width:           100px !default;
+$tab-bar-item-min-width:           80px !default;
+$tab-bar-item-max-width:           160px !default;
 
 
 .tabs {
@@ -22,6 +24,7 @@ $tab-bar-item-min-width:           100px !default;
 
 .tab-bar-container {
   @include flex-display();
+  @include flex-justify-content(center);
   height: 100%;
   overflow: hidden;
 }
@@ -35,8 +38,9 @@ $tab-bar-item-min-width:           100px !default;
 
   padding: $tab-bar-item-padding;
   min-width: $tab-bar-item-min-width;
-  text-align: center;
+  max-width: $tab-bar-item-max-width;
 
+  text-align: center;
   cursor: pointer;
   @include user-select(none);
 }