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

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'>
-			<div style={{width: '60%'}}>
-			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>
-		</div>
-	);
+  return (
+    <Card>
+      <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.
+      </CardText>
+    </Card>
+  )
 }
 
 export {Header}

src/search-results.js

@@ -8,7 +8,13 @@ export default class SearchResults extends Component {
   render() {
     return (
       <List style={{minWidth: '20em'}}>
-	      <Subheader inset={true}>Search results</Subheader>
+      	  {
+	      	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>