Reduce tab bar height
This commit is contained in:
parent
d42a4ff16c
commit
14b23d24d3
|
@ -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,
|
||||
|
|
|
@ -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',
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue