From 0fe7ee2a1fc77d58153816591787c06f2b3dcd5b Mon Sep 17 00:00:00 2001
From: Alexey Kasyanchuk <degitx@gmail.com>
Date: Sun, 13 May 2018 12:09:22 +0300
Subject: [PATCH] fix(header): more enchantment over header

---
 src/app/app.css                |  3 ++-
 src/app/css/izi/components.css | 26 ++++++++++++++++++++++++++
 src/app/search.js              |  2 +-
 src/app/torrent-statistic.js   |  2 ++
 4 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/app/app.css b/src/app/app.css
index 1dce62b..c933c7d 100644
--- a/src/app/app.css
+++ b/src/app/app.css
@@ -1,5 +1,5 @@
 .header .header-row {
-  min-height: 360px;
+  min-height: 330px;
 }
 
 .header.sticky .header-row {
@@ -28,4 +28,5 @@
 
 .header.sticky .counter-statistic {
   opacity: 0;
+  margin: 0 !important;
 }
\ No newline at end of file
diff --git a/src/app/css/izi/components.css b/src/app/css/izi/components.css
index 77b69a8..1c5b7a7 100644
--- a/src/app/css/izi/components.css
+++ b/src/app/css/izi/components.css
@@ -83,4 +83,30 @@
 		top: 6px;
 		padding-left: 0px;
 	}
+}
+
+@media only screen and (max-width: 840px) 
+{ 
+	.header-row {
+		flex-wrap: wrap;
+		align-content: flex-start;
+		justify-content: flex-start;
+	}
+
+	.search-panel {
+		margin-left: inherit !important;
+	}
+
+	.header .header-row {
+		min-height: 450px;
+	}
+
+	.search-panel {
+		margin-top: 0px !important;
+		padding-left: 6px; 
+	}
+
+	.search-row {
+		min-width: 30em !important;
+	}
 }
\ No newline at end of file
diff --git a/src/app/search.js b/src/app/search.js
index b662e2b..554f9a7 100644
--- a/src/app/search.js
+++ b/src/app/search.js
@@ -256,7 +256,7 @@ class Search extends Component {
 
     return (
       <div className="column w100p center">
-        <div className='row inline w100p pad0-75' style={{minWidth: '35em', backgroundColor: 'white', paddingTop: 0, paddingBottom: 0, margin: 5, borderRadius: 3}}>
+        <div className='row inline w100p pad0-75 search-row' style={{minWidth: '35em', backgroundColor: 'white', paddingTop: 0, paddingBottom: 0, margin: 5, borderRadius: 3}}>
           <TextField
               style={{marginTop: -12}}
               hintText="Search torrent or file"
diff --git a/src/app/torrent-statistic.js b/src/app/torrent-statistic.js
index bc9b187..23798b8 100644
--- a/src/app/torrent-statistic.js
+++ b/src/app/torrent-statistic.js
@@ -27,6 +27,7 @@ export default class TorrentsStatistic extends Component {
   render()
   {
     return (
+      <div style={{position: 'relative', width: '100%', height: 0}}>
       <div className='column w100p counter-statistic' style={{backgroundColor: 'rgba(0,0,0,0.7)', padding: 8, borderRadius: 4, marginTop: 2, marginBottom: 100}}>
         <div className='row w100p' style={{backgroundColor: 'rgba(0,0,0,0.7)', padding: 8, borderRadius: 4}}>
               <div className='row inline' style={{color: '#e5f442', fontSize: '1.15em', fill: '#e5f442'}}>
@@ -281,6 +282,7 @@ export default class TorrentsStatistic extends Component {
         </div>
                 
       </div>
+      </div>
     )
   }
 }
\ No newline at end of file