From c6aa5c3a3c9f8d5cb7b0f67241a40cdf769ee895 Mon Sep 17 00:00:00 2001
From: Jakob Ketterl <jakob.ketterl@gmx.de>
Date: Mon, 8 Jul 2019 20:45:09 +0200
Subject: [PATCH] make the interface pretty

---
 htdocs/index.html    |  6 +++---
 htdocs/openwebrx.css | 13 +++++++++++++
 htdocs/openwebrx.js  |  9 +++++----
 3 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/htdocs/index.html b/htdocs/index.html
index 3e8ca70..60f00cd 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -173,9 +173,9 @@
                 <table class="openwebrx-panel" id="openwebrx-panel-wsjt-message" data-panel-name="wsjt-message" data-panel-pos="left" data-panel-order="2" data-panel-size="619,200">
                     <thead><tr>
                         <th>UTC</th>
-                        <th>dB</th>
-                        <th>DT</th>
-                        <th>Freq</th>
+                        <th class="decimal">dB</th>
+                        <th class="decimal">DT</th>
+                        <th class="decimal">Freq</th>
                         <th class="message">Message</th>
                     </tr></thead>
                     <tbody></tbody>
diff --git a/htdocs/openwebrx.css b/htdocs/openwebrx.css
index f9135ae..e857450 100644
--- a/htdocs/openwebrx.css
+++ b/htdocs/openwebrx.css
@@ -1038,10 +1038,23 @@ img.openwebrx-mirror-img
 #openwebrx-panel-wsjt-message td {
     width: 50px;
     text-align: left;
+    padding: 1px 3px;
 }
 
 #openwebrx-panel-wsjt-message .message {
     width: 400px;
 }
 
+#openwebrx-panel-wsjt-message .decimal {
+    text-align: right;
+    width: 35px;
+}
 
+#openwebrx-panel-digimodes[data-mode="ft8"] #openwebrx-digimode-content-container {
+    display: none;
+}
+
+#openwebrx-panel-digimodes[data-mode="ft8"] #openwebrx-digimode-canvas-container {
+    height: 200px;
+    margin: -10px;
+}
\ No newline at end of file
diff --git a/htdocs/openwebrx.js b/htdocs/openwebrx.js
index 3e380af..1b4fe11 100644
--- a/htdocs/openwebrx.js
+++ b/htdocs/openwebrx.js
@@ -1387,9 +1387,9 @@ function update_wsjt_panel(msg) {
     $b.append($(
         '<tr data-timestamp="' + msg['timestamp'] + '">' +
             '<td>' + pad(t.getUTCHours()) + pad(t.getUTCMinutes()) + pad(t.getUTCSeconds()) + '</td>' +
-            '<td>' + msg['db'] + '</td>' +
-            '<td>' + msg['dt'] + '</td>' +
-            '<td>' + msg['freq'] + '</td>' +
+            '<td class="decimal">' + msg['db'] + '</td>' +
+            '<td class="decimal">' + msg['dt'] + '</td>' +
+            '<td class="decimal">' + msg['freq'] + '</td>' +
             '<td class="message">' + linkedmsg + '</td>' +
         '</tr>'
     ));
@@ -2679,8 +2679,9 @@ function demodulator_digital_replace(subtype)
         demodulator_buttons_update();
         break;
     }
+    $('#openwebrx-panel-digimodes').attr('data-mode', subtype);
     toggle_panel("openwebrx-panel-digimodes", true);
-    if (subtype == 'ft8') toggle_panel("openwebrx-panel-wsjt-message", true);
+    toggle_panel("openwebrx-panel-wsjt-message", subtype == 'ft8');
 }
 
 function secondary_demod_create_canvas()