Fix React warning by correctly wrapping the new team modal trigger button into a NavItem

src/browser/components/TabBar.jsx

@@ -90,12 +90,15 @@ class TabBar extends React.Component {
       width: '40px',
       color: '#999',
       fontWeight: 'bold',
-      margin: '6px 0 0',
+      margin: '0',
       borderRadius: '2px 2px 0 0',
       outline: 'none'
     };
 
     return (
+      <NavItem
+        className='buttonTab'
+      >
         <Button
           id='tabBarAddNewTeam'
           onClick={this.props.onAddServer}
@@ -105,6 +108,7 @@ class TabBar extends React.Component {
         >
           {'+'}
         </Button>
+      </NavItem>
     );
   }
 }

src/browser/css/index.css

@@ -42,6 +42,13 @@
   padding: 0 15px;
 }
 
+.nav-tabs>li.buttonTab>a {
+  border: none;
+  background: transparent;
+  margin-left: 1px; /*Has no border and would be placed above the last item's border due to it's margin-right: -1px */
+  padding: 0;
+  margin-bottom: 1px;
+}
 
 .has-error .control-label,
 .has-error .help-block {