From 0c12d07a26fb1158d108bab3439f34e73ee5ca80 Mon Sep 17 00:00:00 2001
From: Jakob Ketterl <jakob.ketterl@gmx.de>
Date: Mon, 20 Apr 2020 22:07:21 +0200
Subject: [PATCH] finalize visual message representation

---
 htdocs/css/openwebrx.css | 16 +++++++++++-----
 htdocs/lib/Js8Threads.js |  2 +-
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index 9c939a0..b5693c8 100644
--- a/htdocs/css/openwebrx.css
+++ b/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 {
diff --git a/htdocs/lib/Js8Threads.js b/htdocs/lib/Js8Threads.js
index b191061..fcecfa6 100644
--- a/htdocs/lib/Js8Threads.js
+++ b/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>'
     );
 };