From 090a34fb8799062824256a23f5d1756fc9a98562 Mon Sep 17 00:00:00 2001
From: Alexey Kasyanchuk <degitx@gmail.com>
Date: Wed, 16 May 2018 19:04:03 +0300
Subject: [PATCH] fix(top): bold like styling on tab chose

---
 src/app/header.js   | 2 +-
 src/app/top-page.js | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/header.js b/src/app/header.js
index 1ab14a5..6083d3c 100644
--- a/src/app/header.js
+++ b/src/app/header.js
@@ -53,7 +53,7 @@ class Header extends React.Component {
     <div ref={this.header} className='header'>
     <Card className='w100p header-main' style={{position: 'fixed', zIndex: 2}}>
       <CardMedia
-        overlay={<CardTitle className='header-title' title="Yarrr, Landlubbers!" subtitle={
+        overlay={<CardTitle className='header-title' title="Yarrr, Landlubbers!" style={{paddingTop: 2}} subtitle={
         <div>
           <div className='row' style={{position: 'absolute', top: -65}}>
             <svg className='clickable'
diff --git a/src/app/top-page.js b/src/app/top-page.js
index 597f24f..0ac1e75 100644
--- a/src/app/top-page.js
+++ b/src/app/top-page.js
@@ -117,7 +117,7 @@ export default class TopPage extends Page {
                 return null;
 
               return (
-                <Tab style={{minWidth: 150}} key={index} label={this.descriptions[type]} value={type}>
+                <Tab buttonStyle={type === this.state.type ? {fontWeight: 'bold'} : undefined} style={{minWidth: 150}} key={index} label={this.descriptions[type]} value={type}>
                   <Tabs
                     className='w100p'
                     value={this.state.time}
@@ -138,7 +138,7 @@ export default class TopPage extends Page {
 
                       if(!torrents)
                         return (
-                          <Tab style={{minWidth: 150}} key={index} label={this.times[time]} value={time}>
+                          <Tab buttonStyle={time === this.state.time ? {fontWeight: 'bold'} : undefined} style={{minWidth: 150}} key={index} label={this.times[time]} value={time}>
                             <div className='pad0-75 w100p '>
                               <LinearProgress mode="indeterminate" />
                             </div>
@@ -146,7 +146,7 @@ export default class TopPage extends Page {
                         )
 
                       return (
-                      <Tab style={{minWidth: 150}} key={index} label={this.times[time]} value={time}>
+                      <Tab buttonStyle={time === this.state.time ? {fontWeight: 'bold'} : undefined} style={{minWidth: 150}} key={index} label={this.times[time]} value={time}>
                         <List style={{minWidth: '20em'}}>
                           {
                             torrents.map((torrent, index) => {