bug #2001: Fixed text rendering over emoji tags when the text is multiline. Fixed loot linking not working when having an emoji tag active

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

@@ -214,8 +214,8 @@ define([
 				}
 
 				if (m.item) {
-					let source = message.split(':')[0];
-					message = source + ': <span class="q' + (m.item.quality || 0) + '">' + message.replace(source + ': ', '') + '</span>';
+					const [source, useMessage] = message.split(': {');
+					message = source + ': <span class="q' + (m.item.quality || 0) + '">&nbsp;{' + useMessage + '</span>';
 				}
 
 				let el = $('<div class="list-message ' + m.class + '">' + message + '</div>')

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

@@ -65,7 +65,7 @@
 			drop-shadow(0px 2px 0px @blackD)
 			drop-shadow(2px 0px 0px @blackD)
 			drop-shadow(-2px 0px 0px @blackD);
-			word-wrap: break-word;
+			word-wrap: anywhere;
 			line-height: 18px;
 
 			&.q {
@@ -132,6 +132,7 @@
 			height: 24px;
 			margin-top: -4px;
 			margin-right: 5px;
+			flex-shrink: 0;
 		}
 
 	}