Add more responsiveness to the movie list

This commit is contained in:
Grégoire Delattre 2017-01-26 23:04:05 +01:00
parent 57a1b2de01
commit e6bfb77dab
2 changed files with 14 additions and 14 deletions

View File

@ -12,7 +12,7 @@ export default function ListFilter(props) {
placeholder={props.controlPlaceHolder}
updateOn="change"
/>
<span className="input-group-btn">
<span className="input-group-btn hidden-xs">
<button className="btn btn-default btn-sm" type="button">Filter</button>
</span>
</Form>

View File

@ -11,19 +11,6 @@ function MovieButtons(props) {
const hasMovie = (props.movie.polochon_url !== "")
return (
<div className="list-details-buttons btn-toolbar">
{hasMovie &&
<a type="button" className="btn btn-primary btn-sm" href={props.movie.polochon_url}>
<i className="fa fa-download"></i> Download
</a>
}
{props.movie.torrents &&
<TorrentsButton
torrents={props.movie.torrents}
addTorrent={props.addTorrent}
/>
}
<ActionsButton
fetching={props.fetching}
movieId={props.movie.imdb_id}
@ -36,6 +23,19 @@ function MovieButtons(props) {
deleteFromWishlist={props.deleteFromWishlist}
/>
{props.movie.torrents &&
<TorrentsButton
torrents={props.movie.torrents}
addTorrent={props.addTorrent}
/>
}
{hasMovie &&
<a type="button" className="btn btn-primary btn-sm" href={props.movie.polochon_url}>
<i className="fa fa-download"></i> Download
</a>
}
<a type="button" className="btn btn-warning btn-sm" href={imdb_link}>
<i className="fa fa-external-link"></i> IMDB
</a>