closes #164

less/mobile.less

@@ -50,22 +50,6 @@
 				width: auto;
 				padding: 0;
 
-				&.unread {
-					background-color: inherit;
-
-					a:after {
-						content: "new";
-						text-transform: uppercase;
-						color: #FFF;
-						margin-left: 5px;
-						font-size: 10px;
-						background: #C91106;
-						border: 1px solid #890405;
-						padding: 2px 3px;
-						border-radius: 5px;
-					}
-				}
-
 				a {
 					color: white;
 
@@ -77,6 +61,24 @@
 			}
 		}
 
+		.chat-list, .notification-list-mobile {
+			.unread {
+				background-color: inherit;
+
+				a:after {
+					content: "new";
+					text-transform: uppercase;
+					color: #FFF;
+					margin-left: 5px;
+					font-size: 10px;
+					background: #C91106;
+					border: 1px solid #890405;
+					padding: 2px 3px;
+					border-radius: 5px;
+				}
+			}
+		}
+
 		.counter {
 			font-style: normal;
 

templates/header.tpl

@@ -60,7 +60,7 @@
 				[[global:header.notifications]]
 				<span class="counter" component="notifications/icon" data-content="0"></span>
 			</h3>
-			<ul class="menu-section-list" component="notifications/list"></ul>
+			<ul class="menu-section-list notification-list-mobile" component="notifications/list"></ul>
 		</section>
 
 		<section class="menu-section" data-section="chats">