From cd5f65cb57777f895f8fec502abcb66bc8f809ef Mon Sep 17 00:00:00 2001
From: Ian Renton <ian@ianrenton.com>
Date: Fri, 3 Oct 2025 12:33:16 +0100
Subject: [PATCH] QRZ links and wrapping features. Closes #7

---
 webassets/css/style.css | 10 ++++++++++
 webassets/js/code.js    | 14 +++++++-------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/webassets/css/style.css b/webassets/css/style.css
index a82d4ec..0ee3944 100644
--- a/webassets/css/style.css
+++ b/webassets/css/style.css
@@ -9,6 +9,10 @@
   }
 }
 
+td.nowrap {
+    text-wrap: nowrap;
+}
+
 span.flag-wrapper {
     display: inline-block;
     width: 1.7em;
@@ -60,4 +64,10 @@ div.appearing-panel {
 
 p.filter-card-text {
     line-height: 2.5em !important;
+}
+
+a.dx-link {
+    color: var(--bs-emphasis-color);
+    text-decoration: none;
+    font-weight: bold;
 }
\ No newline at end of file
diff --git a/webassets/js/code.js b/webassets/js/code.js
index aee3161..d2b5231 100644
--- a/webassets/js/code.js
+++ b/webassets/js/code.js
@@ -112,14 +112,14 @@ function updateTable() {
         var bandFullName = s['band'] ? s['band'] + " band": "Unknown band";
 
         // Populate the row
-        $tr.append(`<td>${time_formatted}</td>`);
-        $tr.append(`<td><span class='flag-wrapper' title='${dx_country}'>${s["dx_flag"]}</span>${s["dx_call"]}</td>`);
-        $tr.append(`<td><span class='band-bullet band-bullet-${cssFormattedBandName}' title='${bandFullName}'>&#9632;</span>${freq_string}</td>`);
-        $tr.append(`<td>${mode_string}</td>`);
+        $tr.append(`<td class='nowrap'>${time_formatted}</td>`);
+        $tr.append(`<td class='nowrap'><span class='flag-wrapper' title='${dx_country}'>${s["dx_flag"]}</span><a class='dx-link' href='https://qrz.com/db/${s["dx_call"]}' target='_new'>${s["dx_call"]}</a></td>`);
+        $tr.append(`<td class='nowrap'><span class='band-bullet band-bullet-${cssFormattedBandName}' title='${bandFullName}'>&#9632;</span>${freq_string}</td>`);
+        $tr.append(`<td class='nowrap'>${mode_string}</td>`);
         $tr.append('<td>' + escapeHtml(`${s["comment"]}`) + '</td>');
-        $tr.append(`<td><span class='icon-wrapper'><i class='fa-solid fa-${s["icon"]}'></i></span> ${s["source"]}</td>`);
-        $tr.append(`<td>${sig_refs}</td>`);
-        $tr.append(`<td><span class='flag-wrapper' title='${de_country}'>${de_flag}</span>${s["de_call"]}</td>`);
+        $tr.append(`<td class='nowrap'><span class='icon-wrapper'><i class='fa-solid fa-${s["icon"]}'></i></span> ${s["source"]}</td>`);
+        $tr.append(`<td class='nowrap'>${sig_refs}</td>`);
+        $tr.append(`<td class='nowrap'><span class='flag-wrapper' title='${de_country}'>${de_flag}</span>${s["de_call"]}</td>`);
         table.find('tbody').append($tr);
     });