Explicitly place * on actions in DOM

client/components/Message.vue

@@ -24,7 +24,7 @@
 		<template v-else-if="message.type === 'action'">
 			<span class="from" />
 			<span class="content">
-				<Username :user="message.from" /> <ParsedMessage
+				<span class="only-copy">* </span><Username :user="message.from" /> <ParsedMessage
 					:network="network"
 					:message="message" />
 				<LinkPreview

client/css/style.css

@@ -229,6 +229,12 @@ kbd {
 	display: block;
 }
 
+.only-copy {
+	font-size: 0;
+	opacity: 0;
+	width: 0;
+}
+
 /* Icons */
 
 #viewport .lt::before,

client/js/clipboard.js

@@ -21,10 +21,6 @@ module.exports = function(chat) {
 			el.text(`<${el.text()}>`);
 		});
 
-	$(documentFragment)
-		.find(".content > .user")
-		.prepend("* ");
-
 	div.id = "js-copy-hack";
 	div.appendChild(documentFragment);
 	chat.appendChild(div);