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

-
+
Loading...
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);