всяческие исправления главной

src/css/izi/components.css

@@ -1,5 +1,5 @@
 
-@media only screen and (max-width: 550px) 
+@media only screen and (max-width: 600px) 
 { 
 	.torrent-information-row {
 		flex-direction: column;

src/index-page.js

@@ -3,16 +3,24 @@ import React, { Component } from 'react';
 import RecentTorrents from './recent-torrents'
 import Search from './search'
 
+import {Card, CardActions, CardHeader, CardMedia, CardTitle, CardText} from 'material-ui/Card';
+import Background from './images/pirate-mod.jpg'
+
 const Header = (props) => {
   return (
-		<div className='column center w100p fs0-75'>
+    <Card>
-			<div style={{width: '60%'}}>
+      <CardMedia
+        overlay={<CardTitle title="Arrr, Landlubber rats!" subtitle="Welcome to very anonymous torrent project" />}
+      >
+        <img src={Background} />
+      </CardMedia>
+      <CardText>
         Welcome to BT Search! This is file search engine to the torrents of the internet. 
       Here you can easily find torrent or file that you intrested for. We are not responsible for any content of the site:
       content are adding automaticly. Content right holders and users can mark/block bad content.
-			</div>
+      </CardText>
-		</div>
+    </Card>
-	);
+  )
 }
 
 export {Header}

src/search-results.js

@@ -8,7 +8,13 @@ export default class SearchResults extends Component {
   render() {
     return (
       <List style={{minWidth: '20em'}}>
+      	  {
+	      	this.props.results && this.props.results.length > 0
+	      	?
 	      	<Subheader inset={true}>Search results</Subheader>
+	      	:
+	      	null
+	      }
 	      {
 	      	this.props.results && this.props.results.length > 0
 	      	?

src/torrent-page.js

@@ -10,6 +10,7 @@ import RaisedButton from 'material-ui/RaisedButton';
 import FontIcon from 'material-ui/FontIcon';
 
 import FileFolder from 'material-ui/svg-icons/file/folder';
+import NoImage from './images/no-image-icon.png'
 
 var moment = require('moment');
 
@@ -112,6 +113,11 @@ export default class TorrentPage extends Component {
   }
 
   handleChange = (value) => {
+  	if(value == 'main') {
+  		window.router('/');
+  		return;
+  	}
+
     this.setState({
       value: value,
     });
@@ -133,6 +139,7 @@ export default class TorrentPage extends Component {
 		        value={this.state.value}
 		        onChange={this.handleChange}
 		     >
+		    	 <Tab label="Back to main" value="main" />
 		     	<Tab label="Information" value="info" >
 		     		<div className='column w100p'>
 		     			<div className='row w100p torrent-information-row'>
@@ -140,12 +147,13 @@ export default class TorrentPage extends Component {
    								<TorrentInformation torrent={this.torrent} />
    							</div>
    							<div style={{flexBasis: '40%'}} className='column center w100p'>
+   								<img src={NoImage} className='pad0-75' style={{height: '200px'}} />
    								<RaisedButton
 								      href={`magnet:?xt=urn:btih:${this.torrent.hash}`}
 								      target="_blank"
 								      label="Download"
 								      secondary={true}
-								      icon={<FontIcon className="muidocs-icon-custom-github" />}
+								      icon={<svg fill='white' viewBox="0 0 24 24"><path d="M17.374 20.235c2.444-2.981 6.626-8.157 6.626-8.157l-3.846-3.092s-2.857 3.523-6.571 8.097c-4.312 5.312-11.881-2.41-6.671-6.671 4.561-3.729 8.097-6.57 8.097-6.57l-3.092-3.842s-5.173 4.181-8.157 6.621c-2.662 2.175-3.76 4.749-3.76 7.24 0 5.254 4.867 10.139 10.121 10.139 2.487 0 5.064-1.095 7.253-3.765zm4.724-7.953l-1.699 2.111-1.74-1.397 1.701-2.114 1.738 1.4zm-10.386-10.385l1.4 1.738-2.113 1.701-1.397-1.74 2.11-1.699z"/></svg>}
 								    />
 								 <div className='fs0-75 pad0-75 center column' style={{color: 'rgba(0, 0, 0, 0.541176)'}}><div>TTH:</div><div>{this.torrent.hash}</div></div>
    							</div>