From 7e7211722caa53603ff7d699ae90839e4e2cf232 Mon Sep 17 00:00:00 2001
From: Arnold Daniels <arnold@adaniels.nl>
Date: Wed, 8 Feb 2012 14:23:02 +0100
Subject: [PATCH] Better solution for overflowing `.tab-content` Using
 `overflow: hidden` instead of `display: table` as suggested by @necolas Fix
 the border between tabs and content for `.tabs-right`

---
 less/navs.less | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/less/navs.less b/less/navs.less
index 2daaa69c..29aa4bf0 100644
--- a/less/navs.less
+++ b/less/navs.less
@@ -353,7 +353,7 @@
 }
 .tabs-left > .tab-content,
 .tabs-right > .tab-content {
-  display: table;
+  overflow: hidden;
 }
 
 // Tabs on the left
@@ -390,6 +390,7 @@
 // Tabs on the right
 .tabs-right > .nav-tabs {
   float: right;
+  right: 1px;
   border-left: 1px solid #ddd;
 }
 .tabs-right > .nav-tabs > li > a {
@@ -405,13 +406,11 @@
   *border-left-color: @white;
 }
 .tabs-right > .tab-content {
-  padding: 0 20px 0 0;
+  padding: 0 19px 0 0;
+  border-right-width: 1px;
 }
 .tabs-right.tabbable-bordered {
   border-width: 0 0 0 1px;
-  > .nav-tabs {
-    right: 1px;
-  }
   > .tab-content {
     border-width: 1px 1px 1px 0;
     padding: 20px 20px 10px 20px;