From 8fb6374d6594442fd3fcf78c00f8756e28e486d0 Mon Sep 17 00:00:00 2001
From: connors <connor.sears@github.com>
Date: Fri, 14 Feb 2014 22:28:06 -0800
Subject: [PATCH] make sure the tabs are equal widths

---
 components.html    | 10 +++++-----
 dist/ratchet.css   |  2 ++
 lib/sass/bars.scss |  2 ++
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/components.html b/components.html
index 1d03ed9..1d25936 100644
--- a/components.html
+++ b/components.html
@@ -227,23 +227,23 @@ base_url: "../"
 <nav class="bar bar-tab">
   <a class="tab-item active" href="#">
     <span class="icon icon-home"></span>
-    <span class="tab-label">Label</span>
+    <span class="tab-label">Home</span>
   </a>
   <a class="tab-item" href="#">
     <span class="icon icon-person"></span>
-    <span class="tab-label">Label</span>
+    <span class="tab-label">Profile</span>
   </a>
   <a class="tab-item" href="#">
     <span class="icon icon-star-filled"></span>
-    <span class="tab-label">Label</span>
+    <span class="tab-label">Favorites</span>
   </a>
   <a class="tab-item" href="#">
     <span class="icon icon-search"></span>
-    <span class="tab-label">Label</span>
+    <span class="tab-label">Search</span>
   </a>
   <a class="tab-item" href="#">
     <span class="icon icon-gear"></span>
-    <span class="tab-label">Label</span>
+    <span class="tab-label">Settings</span>
   </a>
 </nav>
 {% endhighlight %}
diff --git a/dist/ratchet.css b/dist/ratchet.css
index 3279e46..2ec607b 100644
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -517,8 +517,10 @@ input[type="button"] {
   display: table;
   bottom: 0;
   height: 50px;
+  width: 100%;
   padding: 0;
   border-top: 1px solid #dddddd;
+  table-layout: fixed;
 }
 .bar-tab .tab-item {
   display: table-cell;
diff --git a/lib/sass/bars.scss b/lib/sass/bars.scss
index 1ca55df..9abec5a 100644
--- a/lib/sass/bars.scss
+++ b/lib/sass/bars.scss
@@ -82,8 +82,10 @@
   display: table;
   bottom: 0;
   height: $bar-tab-height;
+  width: 100%;
   padding: 0;
   border-top: $border-default;
+  table-layout: fixed;
 
   // Navigational tab
   .tab-item {