From 78709d93cfb235f29cdd5d828f595796bad44410 Mon Sep 17 00:00:00 2001
From: Henrik <henrik.dahlheim@gmail.com>
Date: Thu, 16 Feb 2017 19:41:04 +0100
Subject: [PATCH] add better support for narrow tabs (#1527)

* add better support for narrow tabs

* add title for tabs
---
 lib/components/tab.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/lib/components/tab.js b/lib/components/tab.js
index 7d3ef5d2..fa318c0e 100644
--- a/lib/components/tab.js
+++ b/lib/components/tab.js
@@ -67,7 +67,10 @@ export default class Tab extends Component {
         )}
         onClick={this.handleClick}
         >
-        <span className={css('textInner')}>
+        <span
+          title={this.props.text}
+          className={css('textInner')}
+          >
           { this.props.text }
         </span>
       </span>
@@ -143,7 +146,11 @@ export default class Tab extends Component {
         right: 0,
         top: 0,
         bottom: 0,
-        textAlign: 'center'
+        textAlign: 'center',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        padding: '0 25px',
+        overflow: 'hidden'
       },
 
       icon: {