notifications/icon component

less/mobile.less

@@ -74,7 +74,7 @@
 			}
 		}
 
-		.notification-icon, .chat-icon {
+		.counter {
 			font-style: normal;
 			
 			&:after {

templates/header.tpl

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