Add more responsiveness to the movie list

src/public/js/components/list/filter.js

@@ -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>

src/public/js/components/movies/list.js

@@ -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>