Make mentions more prominent

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>

css/comments.scss

@@ -253,6 +253,14 @@
 	position: relative;
 
 	font-weight: bold;
+	background-color: nc-lighten($color-main-text, 90%);
+	padding: 2px 5px;
+	border-radius: 10px;
+}
+
+#commentsTabView .comment .message .mention-user.current-user {
+	background-color: $color-primary;
+	color: $color-primary-text;
 }
 
 #commentsTabView .comment .message .mention-user:not(.current-user) {
@@ -262,6 +270,6 @@
 #commentsTabView .comment .message .contactsmenu-popover {
 	/* Override default positioning of the contacts menu from server, as it is
 	 * based on an avatar plus a text instead of only '@' plus a text. */
-	left: -17px;
+	left: -12px;
 	top: 140%;
 }