Use invisible formatting for clipboard copy-paste

When text is copied from browser it looks like "00:00 <nick> text."
Firefox adds new lines between records. It would be good to get rid of
it.

code/chat.js

@@ -456,7 +456,7 @@ window.chat.renderMsg = function(msg, nick, time, team) {
   var t = '<time title="'+tb+'" data-timestamp="'+time+'">'+ta+'</time>';
   var s = 'style="color:'+COLORS[team]+'"';
   var title = nick.length >= 8 ? 'title="'+nick+'" class="help"' : '';
-  return '<p>'+t+'<mark '+s+'>'+nick+'</mark><span>'+msg+'</span></p>';
+  return '<p>'+t+'<span class="invisibleseparator"> &lt;</span><mark '+s+'>'+nick+'</mark><span class="invisibleseparator">&gt; </span><span class="blockquote">'+msg+'</span></p>';
 }
 
 

style.css

@@ -195,7 +195,7 @@ summary {
   width: 683px;
 }
 
-#chat span {
+#chat .blockquote {
   display: inline-block;
   width: 540px;
 }
@@ -212,6 +212,11 @@ summary {
   z-index: 3001;
 }
 
+#chat .invisibleseparator {
+    color: rgba(8, 48, 78, 0.0);
+    display: inline-block;
+    width: 0px;
+}
 
 
 #chatinput span {