From 6bd1b29d5e7119f1c3adedcf4b0d43085ed0cfab Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Wed, 27 Sep 2017 00:19:19 +0200
Subject: [PATCH] Changed the font size of the header, space between the search
 bar and result content. Also changed so that the font size in the search bar
 is large enough to not zoom on ios because of smaller than standard font
 size.

---
 .../components/styles/searchRequestStyle.jsx  | 54 +++++++++++++++----
 1 file changed, 45 insertions(+), 9 deletions(-)

diff --git a/client/app/components/styles/searchRequestStyle.jsx b/client/app/components/styles/searchRequestStyle.jsx
index 18549b4..1d2f7fc 100644
--- a/client/app/components/styles/searchRequestStyle.jsx
+++ b/client/app/components/styles/searchRequestStyle.jsx
@@ -8,7 +8,7 @@ export default {
       minHeight: '100%',
     },
 
-    backgroundHeader: {
+    backgroundLargeHeader: {
       width: '100%',
       minHeight: '400px',
       backgroundColor: '#011c23',
@@ -16,6 +16,14 @@ export default {
       marginBottom: '-100px'
     },
 
+  backgroundSmallHeader: {
+      width: '100%',
+      minHeight: '300px',
+      backgroundColor: '#011c23',
+      zIndex: 1,
+      marginBottom: '-100px'
+    },
+
     requestWrapper: {
       width: '90%',
       maxWidth: '1200px',
@@ -34,19 +42,30 @@ export default {
       textAlign: 'center'
     },
 
-    pageTitleSpan: {
+    pageTitleLargeSpan: {
       color: 'white',
       fontSize: '3em',
       marginTop: '4vh',
       marginBottom: '6vh'
     },
 
+    pageTitleSmallSpan: {
+      color: 'white',
+      fontSize: '2em',
+      marginTop: '3vh',
+      marginBottom: '3vh'
+    },    
+
     box: {
       height: '50px',
     },
 
-    container: {
-      margin: '0 25%'
+    searchLargeContainer: {
+      margin: '0 25%',
+    },
+
+    searchSmallContainer: {
+      margin: '0 10%',
     },
 
     searchIcon: {
@@ -57,7 +76,7 @@ export default {
       color: '#4f5b66'
     },
 
-    searchBar: {
+    searchLargeBar: {
       width: '100%',
       height: '50px',
       background: '#ffffff',
@@ -70,6 +89,19 @@ export default {
       borderRadius: '5px',
     },
 
+    searchSmallBar: {
+      width: '100%',
+      height: '50px',
+      background: '#ffffff',
+      border: 'none',
+      fontSize: '13pt',
+      float: 'left',
+      color: '#63717f',
+      paddingLeft: '45px',
+      marginLeft: '-25px',
+      borderRadius: '5px',
+    },
+
     searchFilterActive: {
       color: '#00d17c',
       fontSize: '1em',
@@ -91,12 +123,16 @@ export default {
       width: '60%',
     },
 
-    resultHeader: {
+    resultLargeHeader: {
       paddingLeft: '30px',
-      paddingTop: '15px',
-      marginBottom: '40px',
       color: 'black',
-      // color: '#00d17c'
+      fontSize: '2em',
+    },
+
+    resultSmallHeader: {
+      paddingLeft: '30px',
+      color: 'black',
+      fontSize: '1.7em',
     },
 
     row: {