From cbb2da45d017b97daef91eb4b811dd81f8573537 Mon Sep 17 00:00:00 2001
From: wiadev <facon3@protonmail.com>
Date: Tue, 8 Aug 2017 14:53:29 +0200
Subject: [PATCH] Fix Cut-Off Header Names in Subtabs #1117

---
 src/assets/css/tabs.css     | 1 +
 src/components/tabs/Tabs.js | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/tabs.css b/src/assets/css/tabs.css
index 9649b0065..438983dfb 100644
--- a/src/assets/css/tabs.css
+++ b/src/assets/css/tabs.css
@@ -17,6 +17,7 @@
 .nav-tabs .nav-item.nav-item {
     margin-right: .5rem;
     margin-left: 0;
+    position: relative;
 }
 
 .nav-tabs .nav-link.active {
diff --git a/src/components/tabs/Tabs.js b/src/components/tabs/Tabs.js
index 5f8951e11..b21d9851a 100644
--- a/src/components/tabs/Tabs.js
+++ b/src/components/tabs/Tabs.js
@@ -41,8 +41,8 @@ class Tabs extends Component {
         const {tabIndex} = this.props;
         const maxWidth = (95 / pills.length) + '%';
         const {selected} = this.state;
-
         return pills.map((item) => {
+
             return (
                 <li
                     className="nav-item"
@@ -51,6 +51,8 @@ class Tabs extends Component {
                     tabIndex={tabIndex}
                     onKeyDown={(e) => this.handlePillKeyDown(e, item.key)}
                     style={{ maxWidth }}
+                    title={item.props.caption}
+
                 >
                     <a
                         className={