fix(header): more enchantment over header

DEgITx · May 13, 2018 · 006bb2c · 006bb2c
1 parent 1907f68
commit 006bb2c
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 2 deletions.
diff --git 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;
 }
diff --git 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;
+	}
 }
diff --git 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
@@ -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>
     )
   }
 }