feat #2001: Added the client-side changes for the name flair features

src/client/css/main.less

@@ -206,6 +206,14 @@ body {
 	color: @qualityLegendary;
 }
 
+.chat-style-white {
+	color: @white !important;
+}
+
+.chat-style-cyan {
+	color: @blueA !important;
+}
+
 .color-red {
 	color: @redB !important;
 }

src/client/ui/templates/messages/messages.js

@@ -245,9 +245,9 @@ define([
 					const isChannel = m?.subType === 'custom';
 					if (isChannel) {
 						if (this.find('.filter[filter="' + m.channel + '"]').hasClass('active'))
-							el.show();
+							el.css({ display: 'flex' });
 						else
-							el.hide();
+							el.css({ display: 'none' });
 					}
 
 					if (isMobile && ['loot', 'info'].indexOf(m.type) !== -1) {

src/client/ui/templates/messages/styles.less

@@ -53,6 +53,7 @@
 
 		.list-message {
 			display: none;
+			justify-content: row;
 			width: 100%;
 			padding: 5px 10px;
 			color: white;
@@ -111,19 +112,26 @@
 		}
 
 		&.rep .rep {
-			display: block;
+			display: flex;
 		}
 
 		&.chat .chat {
-			display: block;
+			display: flex;
 		}
 
 		&.info .info {
-			display: block;
+			display: flex;
 		}
 
 		&.loot .loot {
-			display: block;
+			display: flex;
+		}
+
+		.emojiTag {
+			width: 24px;
+			height: 24px;
+			margin-top: -4px;
+			margin-right: 5px;
 		}
 
 	}