closes #164

less/mobile.less

@@ -50,7 +50,19 @@
 				width: auto;
 				padding: 0;
 
-				&.unread {
+				a {
+					color: white;
+
+					i {
+						left: 44px;
+						top: 9px;
+					}
+				}
+			}
+		}
+
+		.chat-list, .notification-list-mobile {
+			.unread {
 				background-color: inherit;
 
 				a:after {
@@ -65,16 +77,6 @@
 					border-radius: 5px;
 				}
 			}
-
-				a {
-					color: white;
-
-					i {
-						left: 44px;
-						top: 9px;
-					}
-				}
-			}
 		}
 
 		.counter {

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">