From ce43099ba5c0281962cfe08176b690e51ce8febd Mon Sep 17 00:00:00 2001
From: Karl Prieb <karl@prieb.me>
Date: Fri, 29 Sep 2017 16:46:27 -0300
Subject: [PATCH] unify unread and mentions badge

---
 .../rocketchat-theme/client/imports/components/badge.css     | 3 +--
 packages/rocketchat-ui-sidenav/client/sidebarItem.html       | 5 +----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/rocketchat-theme/client/imports/components/badge.css b/packages/rocketchat-theme/client/imports/components/badge.css
index b8c73374510c..b3fbeb8e1637 100644
--- a/packages/rocketchat-theme/client/imports/components/badge.css
+++ b/packages/rocketchat-theme/client/imports/components/badge.css
@@ -11,8 +11,7 @@
 
 	font-size: var(--badge-text-size);
 
-	&--unread,
-	&--mention {
+	&--unread {
 		background-color: var(--badge-unread-background);
 	}
 }
diff --git a/packages/rocketchat-ui-sidenav/client/sidebarItem.html b/packages/rocketchat-ui-sidenav/client/sidebarItem.html
index a567a2053888..7468c6afc558 100644
--- a/packages/rocketchat-ui-sidenav/client/sidebarItem.html
+++ b/packages/rocketchat-ui-sidenav/client/sidebarItem.html
@@ -16,11 +16,8 @@
 				{{/if}}
 			</div>
 			<div class='sidebar-item__name {{archivedClass}}'>{{name}}</div>
-			{{#if userMentions}}
-				<span class="badge badge--mention">@</span>
-			{{/if}}
 			{{#if unread}}
-				<span class="badge badge--unread">{{unread}}</span>
+				<span class="badge badge--unread">{{#if userMentions}}@ {{/if}}{{unread}}</span>
 			{{/if}}
 			{{#if rid}}
 				<div class="sidebar-item__menu">