dashboard: make via column shorter

1 files changed, 3 insertions, 1 deletions

diff --git a/src/api/dashboard/dashboard.html b/src/api/dashboard/dashboard.html
index a5a96e8..a2c862a 100644
--- a/src/api/dashboard/dashboard.html
+++ b/src/api/dashboard/dashboard.html
@@ -239,6 +239,8 @@
   #peers tr[data-peer] { cursor: pointer; }
   #peers tr.focused td { background: var(--line); }
   .id { font-family: ui-monospace, monospace; font-size: 12px; }
+  /* Where messages go: the start of the address, the rest in its tooltip. */
+  #peers td.via { max-width: 12em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   /* A peer's status (not the legend's "dormant"). */
   #peers .active { color: var(--ok); } #peers .dormant { color: var(--bad); }
   #peers .unknown { color: var(--muted); }
@@ -452,7 +454,7 @@ function renderPeers() {
       el("td", { class: peer.status, title: peer.status === "dormant"
         ? "dormant for " + age(aged("dormantForSecs", peer.dormantForSecs)) : "" }, peer.status),
       el("td", {}, age(aged("lastSeenSecsAgo", peer.lastSeenSecsAgo))),
-      el("td", { class: "id" }, via),
+      el("td", { class: "id via", title: via }, via),
       el("td", {}, rtt),
       hopCell(peer.hopDelay),
       // Its clock against this node's, flagged beyond the limit (`--clock-skew-warn`).