Reduce tab bar height

src/browser/components/MainPage.jsx

@@ -217,7 +217,7 @@ const MainPage = React.createClass({
     var visibility = visible ? 'visible' : 'hidden';
     return {
       position: 'absolute',
-      top: (this.props.teams.length > 1) ? 42 : 0,
+      top: (this.props.teams.length > 1) ? 32 : 0,
       right: 0,
       bottom: 0,
       left: 0,

src/browser/components/TabBar.jsx

@@ -16,7 +16,7 @@ class TabBar extends React.Component {
         lineHeight: '20px',
         height: '19px',
         marginLeft: '5px',
-        marginTop: '6px',
+        marginTop: '5px',
         borderRadius: '50%'
       };
 
@@ -85,7 +85,7 @@ class TabBar extends React.Component {
     var tabButton = {
       border: 'none',
       fontSize: '20px',
-      height: '35px',
+      height: '31px',
       padding: '2px 0 0 0',
       width: '40px',
       color: '#999',

src/browser/css/index.css

@@ -35,16 +35,17 @@
   border-radius: 2px 2px 0 0;
   border: 1px solid #ddd;
   color: #888;
-  height: 35px;
-  line-height: 32px;
+  height: 31px;
+  line-height: 29px;
   margin-right: -1px;
-  margin-top: 7px;
+  margin-top: 0px;
   padding: 0 15px;
 }
 
 .nav-tabs>li.buttonTab>a {
   border: none;
   background: transparent;
+  margin: 0px;
   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;