chat/icon component; closes #3

templates/partials/menu.tpl

@@ -65,9 +65,9 @@
 					</li>
 
 					<!-- IF !disableChat -->
-					<li class="chats dropdown">
+					<li class="chats dropdown hidden-xs">
 						<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="[[global:header.chats]]" id="chat_dropdown">
-							<i id="chat-count" class="fa fa-comment-o fa-fw"></i> <span class="visible-xs-inline">[[global:header.chats]]</span>
+							<i component="chat/icon" class="fa fa-comment-o fa-fw"></i> <span class="visible-xs-inline">[[global:header.chats]]</span>
 						</a>
 						<ul class="dropdown-menu" aria-labelledby="chat_dropdown">
 							<li>
@@ -80,6 +80,11 @@
 							<li class="notif-dropdown-link"><a href="{relative_path}/chats">[[modules:chat.see_all]]</a></li>
 						</ul>
 					</li>
+					<li class="visible-xs">
+						<a href="{relative_path}/chats" id="chat_dropdown">
+							<i component="chat/icon" class="fa fa-comment-o fa-fw"></i> <span class="visible-xs-inline">[[global:header.chats]]</span>
+						</a>
+					</li>
 					<!-- ENDIF !disableChat -->
 
 					<li id="user_label" class="dropdown">