fix(search): fix container width

src/app/css/izi/components.css

@@ -28,34 +28,34 @@
 	}
 }
 
-.recent-torrents {
-	width: 60%
+.torrents-container {
+	width: 70%
 }
 
 @media only screen and (max-width: 1250px) 
 { 
-	.recent-torrents {
-		width: 68%
+	.torrents-container {
+		width: 78%
 	}
 }
 
 @media only screen and (max-width: 1100px) 
 { 
-	.recent-torrents {
-		width: 75%
+	.torrents-container {
+		width: 82%
 	}
 }
 
 @media only screen and (max-width: 800px) 
 { 
-	.recent-torrents {
-		width: 90%
+	.torrents-container {
+		width: 93%
 	}
 }
 
 @media only screen and (max-width: 650px) 
 { 
-	.recent-torrents {
+	.torrents-container {
 		width: 100%
 	}
 }

src/app/index-page.js

@@ -32,7 +32,8 @@ export default class IndexPage extends Page {
     }
 
     return (
-      <div id='index-window'>
+      <div id='index-window' className='column center'>
+      <div className='torrents-container'>
       <SearchResults 
           torrentsSearchResults={Search.instance().searchTorrents} 
           filesSearchResults={Search.instance().searchFiles}
@@ -85,6 +86,7 @@ export default class IndexPage extends Page {
           moreTorrentsIndicator={Search.instance().state.moreTorrentsIndicator}
           moreFilesIndicator={Search.instance().state.moreFilesIndicator}
         />
+        </div>
       	<div className='column center w100p pad0-75'>
         	<RecentTorrents />
         </div>

src/app/recent-torrents.js

@@ -137,7 +137,7 @@ export default class RecentTorrents extends Component {
       return null;
 
     return (
-      <List className='animated recent-torrents'>
+      <List className='animated recent-torrents torrents-container'>
         <Subheader className='recent-title' inset={true}>
           <FlatButton style={{marginRight: '8px'}} primary={true} label={__('top')} labelStyle={{color: "#a4c639"}} onClick={() =>{
 	            window.router('/top');