From acdfb87117f351411b298afa5d9955af4a2f9e13 Mon Sep 17 00:00:00 2001
From: psychobunny <rodrigues.andrew@gmail.com>
Date: Fri, 21 Aug 2015 18:15:32 -0400
Subject: [PATCH] compact header on mobile

---
 public/less/admin/header.less     |  2 +-
 public/less/admin/mobile.less     | 35 +++++++++++++++++++++++++------
 src/views/admin/partials/menu.tpl |  4 ++--
 3 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/public/less/admin/header.less b/public/less/admin/header.less
index 8a44b23c2e..0dbbc1c59e 100644
--- a/public/less/admin/header.less
+++ b/public/less/admin/header.less
@@ -18,7 +18,7 @@
 	#user_label {
 		position: absolute;
 		right: 30px;
-		bottom: 0px;
+		bottom: 125px;
 
 		#user_dropdown {
 			font-size: 25px;
diff --git a/public/less/admin/mobile.less b/public/less/admin/mobile.less
index b6039b795a..cffe28ea3b 100644
--- a/public/less/admin/mobile.less
+++ b/public/less/admin/mobile.less
@@ -1,15 +1,34 @@
 @media (max-width: 1200px) {
-	.header {
-		#user_label {
-			bottom: 125px;
-		}
-	}
+
 }
 
 @media (max-width: 980px) {
+	body {
+		padding-top: 90px;
+	}
+
 	.header {
+		height: 60px;
+		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.26);
+		position: fixed;
+		top: 0px;
+		z-index: 1;
+
 		#main-page-title {
-			bottom: 45px;
+			bottom: -29px;
+			font-size: 20px;
+			color: #FFF;
+			left: 20px;
+			font-weight: 400;
+		}
+
+		#user_label {
+			right: 0px;
+			bottom: 7px;
+		}
+
+		#main-menu {
+			display: none;
 		}
 	}
 }
@@ -18,5 +37,9 @@
 	.content-header, .settings-header {
 		font-size: 200%;
 		margin-bottom: 20px;
+		margin-left: -2px;
 	}
+
+
+
 }
\ No newline at end of file
diff --git a/src/views/admin/partials/menu.tpl b/src/views/admin/partials/menu.tpl
index 078dcecbb6..9d3a80a37c 100644
--- a/src/views/admin/partials/menu.tpl
+++ b/src/views/admin/partials/menu.tpl
@@ -1,7 +1,7 @@
 <nav class="header">
 	<h1 id="main-page-title"></h1>
 	<ul id="user_label" class="pull-right">
-		<li class="dropdown pull-right hidden-xs">
+		<li class="dropdown pull-right">
 			<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="user_dropdown">
 				<i class="fa fa-ellipsis-v"></i>
 			</a>
@@ -28,7 +28,7 @@
 				</li>
 			</ul>
 		</li>
-		<form class="hidden-xs pull-right" role="search">
+		<form class="pull-right hidden-sm hidden-xs" role="search">
 			<div class="" id="acp-search" >
 				<div class="dropdown">
 					<input type="text" data-toggle="dropdown" class="form-control" placeholder="Search...">