fix(top): bold like styling on tab chose

DEgITx · May 16, 2018 · 5552284 · 5552284
1 parent d9ca345
commit 5552284
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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,15 +138,15 @@ 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>
                           </Tab>
                         )
 
                       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) => {