fix(search): fix container width

DEgITx · May 20, 2018 · 5ae7106 · 5ae7106
1 parent 50af0d6
commit 5ae7106
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 11 deletions.
diff --git a/src/app/css/izi/components.css b/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%
 	}
 }

diff --git a/src/app/index-page.js b/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>

diff --git a/src/app/recent-torrents.js b/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');