растягивание элемента информации на мобилках

This commit is contained in:
Alexey Kasyanchuk 2017-01-04 12:01:05 +03:00
parent 43303475f9
commit 7101487269
2 changed files with 9 additions and 1 deletions

View File

@ -1,7 +1,15 @@
.torrent-information-row .info-table {
flex-basis: 60%;
}
@media only screen and (max-width: 600px)
{
.torrent-information-row {
flex-direction: column;
}
.torrent-information-row .info-table {
flex-basis: 100%;
width: 100%;
}
}

View File

@ -156,7 +156,7 @@ export default class TorrentPage extends Component {
<Tab label="Information" value="info" >
<div className='column w100p'>
<div className='row w100p torrent-information-row'>
<div style={{flexBasis: '60%'}}>
<div className='info-table'>
<TorrentInformation torrent={this.torrent} parent={this} />
</div>
<div style={{flexBasis: '40%'}} className='column center w100p'>