finalize visual message representation

htdocs/css/openwebrx.css

@@ -960,13 +960,19 @@ img.openwebrx-mirror-img
 }
 
 #openwebrx-panel-js8-message .message {
-    width: 470px;
-    max-width: 470px;
+    width: 465px;
+    max-width: 465px;
+}
+
+#openwebrx-panel-js8-message td.message {
     white-space: nowrap;
     overflow: hidden;
-    text-overflow: ellipsis;
-    direction: rtl;
-    text-align: left;
+    display: flex;
+    flex-direction: row-reverse;
+}
+
+#openwebrx-panel-js8-message .message div {
+    flex: 1;
 }
 
 #openwebrx-panel-js8-message .decimal {

htdocs/lib/Js8Threads.js

@@ -21,7 +21,7 @@ Js8Thread.prototype.render = function() {
     this.el.html(
         '<td>' + this.renderTimestamp(this.getLatestTimestamp()) + '</td>' +
         '<td class="decimal freq">' + Math.round(this.getAverageFrequency()) + '</td>' +
-        '<td class="message">&lrm;' + this.renderMessages() + '</td>'
+        '<td class="message"><div>' + this.renderMessages() + '</div></td>'
     );
 };