From 14b23d24d3199830fcd42c7da4aaf908be6159ff Mon Sep 17 00:00:00 2001
From: Yuya Ochiai <yuya0321@gmail.com>
Date: Sat, 25 Mar 2017 21:32:48 +0900
Subject: [PATCH] Reduce tab bar height

---
 src/browser/components/MainPage.jsx | 2 +-
 src/browser/components/TabBar.jsx   | 4 ++--
 src/browser/css/index.css           | 7 ++++---
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/browser/components/MainPage.jsx b/src/browser/components/MainPage.jsx
index 672ae5f5..9acbe0ef 100644
--- a/src/browser/components/MainPage.jsx
+++ b/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,
diff --git a/src/browser/components/TabBar.jsx b/src/browser/components/TabBar.jsx
index 1db73a97..021f451e 100644
--- a/src/browser/components/TabBar.jsx
+++ b/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',
diff --git a/src/browser/css/index.css b/src/browser/css/index.css
index d24a511e..a24bf3b2 100644
--- a/src/browser/css/index.css
+++ b/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;