Slim mode stays in state; Filter field on mobile

src/js/App.js

@@ -100,12 +100,12 @@ class App extends React.Component{
 		var height = Math.max(document.documentElement.clientHeight, window.innerHeight || 0)
 
 		if (width <= 800){
-			if (!global.slim_mode){
-				global.slim_mode = true
+			if (!this.props.slim_mode){
+				this.props.uiActions.setSlimMode(true)
 			}
 		} else {
 			if (this.props.slim_mode){
-				global.slim_mode = false
+				this.props.uiActions.setSlimMode(false)
 			}
 		}
 	}

src/scss/components/_filter-field.scss

@@ -48,6 +48,7 @@
 		.fa {
 			top: 17px;
 			left: 24px;
+			color: $white !important;
 		}
 
 		input {

src/scss/views/_user.scss

@@ -32,15 +32,19 @@
 
 	@include responsive( $bp_medium ){
 		.intro {
-			text-align: center;
-
 			.thumbnail {
 				float: none;
 				margin: 0 auto 20px;
 			}
 
+			.liner {
+				padding: 15vh 10px 0;
+			}
+
 			h1 {
 				padding-top: 0;
+				font-size: 3rem;
+				line-height: 3rem;
 			}
 		}
 	}