diff --git a/src/popup/index.html b/src/popup/index.html
index fedad12..4071d16 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -239,7 +239,7 @@
Transactions
-
diff --git a/src/popup/views/addressDetail.js b/src/popup/views/addressDetail.js
index 8e7d462..123ea6b 100644
--- a/src/popup/views/addressDetail.js
+++ b/src/popup/views/addressDetail.js
@@ -113,25 +113,25 @@ function renderTransactions(txs) {
const line1 = document.createElement("div");
line1.className = "flex justify-between";
const age = document.createElement("span");
- age.className = "text-muted";
+ age.className = "text-muted truncate";
age.textContent = timeAgo(tx.timestamp);
age.title = isoDate(tx.timestamp);
const dir = document.createElement("span");
- dir.className = tx.isError ? "text-muted" : "";
+ dir.className = "shrink-0 pl-2" + (tx.isError ? " text-muted" : "");
dir.textContent = dirLabel + (tx.isError ? " (failed)" : "");
line1.appendChild(age);
line1.appendChild(dir);
const amountStr = tx.value + " " + tx.symbol;
const line2 = document.createElement("div");
- line2.className = "flex justify-between min-w-0";
+ line2.className = "flex justify-between";
const addr = document.createElement("span");
- addr.className = "pr-2 overflow-hidden";
+ addr.className = "truncate";
const maxAddr = Math.max(10, 38 - Math.max(0, amountStr.length - 10));
addr.textContent = truncateMiddle(counterparty, maxAddr);
addr.title = counterparty;
const amount = document.createElement("span");
- amount.className = "shrink-0";
+ amount.className = "shrink-0 pl-2";
amount.textContent = amountStr;
line2.appendChild(addr);
line2.appendChild(amount);