Style improvements

- Remove menu button borders
- Make menu buttons full height
- Make overlay white instead of grey

less/header.less

@@ -108,8 +108,6 @@
 	}
 
 	.navbar-toggle {
-		width: 44px;
-
 		.notification-icon {
 			position: absolute;
 			left: -13px;

less/mobile.less

@@ -51,17 +51,15 @@
 	}
 
 	.navbar-toggle {
-		line-height: 10px;
+		padding: 10px 17px;
-
+		margin: 0;
-		&.pull-left {
+		line-height: 30px;
-			margin-left: @navbar-padding-horizontal;
+		border: none;
-			margin-right: 0;
-		}
 
 		.header & .notification-icon {
 			left: auto;
-			top: -3px;
+			right: 7px;
-			right: -8px;
+			top: 10px;
 
 			&.unread-count::after {
 				position: static;
@@ -249,7 +247,7 @@
 			right: 0;
 			z-index: 1040;
 			content: ' ';
-			background: rgba(0, 0, 0, 0.300);
+			background: rgba(256, 256, 256, 0.5);
 
 			opacity: 0;
 			visibility: hidden;

templates/partials/menu.tpl

@@ -1,13 +1,11 @@
 			<div class="navbar-header">
 				<button type="button" class="navbar-toggle pull-left" id="mobile-menu">
 					<span component="notifications/icon" class="notification-icon fa fa-fw fa-bell-o" data-content="0"></span>
-					<span class="icon-bar"></span>
+					<i class="fa fa-lg fa-bars"></i>
-					<span class="icon-bar"></span>
-					<span class="icon-bar"></span>
 				</button>
 				<button type="button" class="navbar-toggle hidden" id="mobile-chats">
 					<span component="chat/icon" class="notification-icon fa fa-fw fa-comments" data-content="0"></span>
-					<i class="fa fa-comment-o fa-fw"></i>
+					<i class="fa fa-lg fa-comment-o"></i>
 				</button>
 
 				<!-- IF brand:logo -->