From bc36ab4e77c656bc309338405cb6ec3aeec96788 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@mattermost.com>
Date: Mon, 13 Feb 2017 21:21:38 +0500
Subject: [PATCH 1/3] PLT-5448 - Updating styling of server tabs

---
 src/browser/components/TabBar.jsx | 14 ++++++++++++++
 src/browser/css/index.css         | 17 +++++++++++++++--
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/browser/components/TabBar.jsx b/src/browser/components/TabBar.jsx
index ece3d951..413dc52d 100644
--- a/src/browser/components/TabBar.jsx
+++ b/src/browser/components/TabBar.jsx
@@ -81,10 +81,24 @@ class TabBar extends React.Component {
   }
 
   renderAddTeamButton() {
+    var tabButton = {
+      border: 'none',
+      fontSize: '20px',
+      height: '35px',
+      padding: '0 0 4px 0',
+      width: '40px',
+      color: '#999',
+      fontWeight: 'bold',
+      margin: '6px 0 0',
+      borderRadius: '2px 2px 0 0',
+      outline: 'none'
+    };
+
     return (
       <Button
         id='tabBarAddNewTeam'
         onClick={this.props.onAddServer}
+        style={tabButton}
         bsStyle='tabButton'
       >
         {'+'}
diff --git a/src/browser/css/index.css b/src/browser/css/index.css
index 713f53f9..03e84537 100644
--- a/src/browser/css/index.css
+++ b/src/browser/css/index.css
@@ -18,10 +18,10 @@
 }
 
 .btn-tabButton {
-  margin-top: 3px;
-  color: #333;
   background-color: #fff;
   border-color: #ccc;
+  color: #333;
+  margin-top: 3px;
 }
 
 .btn-tabButton:hover {
@@ -30,6 +30,19 @@
   border-color: #adadad;
 }
 
+.nav-tabs>li>a {
+  background: rgba(0, 0, 0, 0.05);
+  border-radius: 2px 2px 0 0;
+  border: 1px solid #ddd;
+  color: #888;
+  height: 35px;
+  line-height: 32px;
+  margin-right: -1px;
+  margin-top: 7px;
+  padding: 0 15px;
+}
+
+
 .has-error .control-label,
 .has-error .help-block {
   color: #333;

From 8e012fbf023f728dc20291a8c3552c5589cdae6d Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@mattermost.com>
Date: Wed, 15 Feb 2017 16:55:23 +0500
Subject: [PATCH 2/3] Updating mentions badge and tooltip

---
 src/browser/components/TabBar.jsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/browser/components/TabBar.jsx b/src/browser/components/TabBar.jsx
index 413dc52d..6bcd40b7 100644
--- a/src/browser/components/TabBar.jsx
+++ b/src/browser/components/TabBar.jsx
@@ -16,6 +16,7 @@ class TabBar extends React.Component {
         lineHeight: '20px',
         height: '19px',
         marginLeft: '5px',
+        marginTop: '6px',
         borderRadius: '50%'
       };
 
@@ -100,6 +101,7 @@ class TabBar extends React.Component {
         onClick={this.props.onAddServer}
         style={tabButton}
         bsStyle='tabButton'
+        title='Add a new server'
       >
         {'+'}
       </Button>

From b45b62344258e5f9dca9768350ea558486e86ac8 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@mattermost.com>
Date: Wed, 15 Feb 2017 20:08:34 +0500
Subject: [PATCH 3/3] Updating tooltip

---
 src/browser/components/TabBar.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/browser/components/TabBar.jsx b/src/browser/components/TabBar.jsx
index 6bcd40b7..c9464d61 100644
--- a/src/browser/components/TabBar.jsx
+++ b/src/browser/components/TabBar.jsx
@@ -101,7 +101,7 @@ class TabBar extends React.Component {
         onClick={this.props.onAddServer}
         style={tabButton}
         bsStyle='tabButton'
-        title='Add a new server'
+        title='Add new server'
       >
         {'+'}
       </Button>