moved everything into the header class

public/themes/vanilla/header.less

@@ -1,57 +1,56 @@
-#user_label {
+.header {
-	img {
+	.dropdown-toggle {
-		border: 1px solid #454;
+		i {
-		margin: -2px 8px 0 0;
+			&.active {
-		width: 24px;
+				color: #558;
-		height: 24px;
+			}
-	}
+		}
-
-	span {
-		font-size: 14px;
-		font-weight: 400;
-		color: #ded;
 	}
-}
-
-.pagination-block {
-	position: absolute;
-	background: rgb(34, 34, 34);
-	right: 0px;
-	top: 50px;
-	color: white;
-	padding: 5px 10px 5px 10px;
-	font-size: 15px;
-	display: none;
-}
-
-#notif-list {
-	li {
-		font-size: 12px;
-		width: 300px;
-		text-align: left;
 
-		a {
+	#user_label {
-			white-space: normal;
+		img {
+			border: 1px solid #454;
+			margin: -2px 8px 0 0;
+			width: 24px;
+			height: 24px;
 		}
 
-		&.unread {
+		span {
-			background: #eceff5;
+			font-size: 14px;
+			font-weight: 400;
+			color: #ded;
 		}
 	}
-}
 
-.header {
+	.pagination-block {
-	.dropdown-toggle {
+		position: absolute;
-		i {
+		background: rgb(34, 34, 34);
-			&.active {
+		right: 0px;
-				color: #558;
+		top: 50px;
+		color: white;
+		padding: 5px 10px 5px 10px;
+		font-size: 15px;
+		display: none;
+	}
+
+	#notif-list {
+		li {
+			font-size: 12px;
+			width: 300px;
+			text-align: left;
+
+			a {
+				white-space: normal;
+			}
+
+			&.unread {
+				background: #eceff5;
 			}
 		}
 	}
 }
 
 
-
 .breadcrumb {
 	li {
 		max-width: 35%;