diff --git a/src/popup/views/home.js b/src/popup/views/home.js index 76bf225..772de27 100644 --- a/src/popup/views/home.js +++ b/src/popup/views/home.js @@ -4,7 +4,6 @@ const { showFlash, balanceLinesForAddress, addressDotHtml, - truncateMiddle, } = require("./helpers"); const { state, saveState, currentAddress } = require("../../shared/state"); const { updateSendBalance, renderSendTokenSelect } = require("./send"); @@ -47,16 +46,17 @@ function render(ctx) { const activeHtml = isActive ? `ACTIVE` : `[select]`; - html += `
Address ${wi + 1}.${ai + 1}${activeHtml}
`; const dot = addressDotHtml(addr.address); + html += `
Address ${wi + 1}.${ai + 1}
`; if (addr.ensName) { html += `
${dot}${addr.ensName}
`; } - const addrUsd = formatUsd(getAddressValueUsd(addr)); - html += `
`; - html += `${addr.ensName ? "" : dot}${truncateMiddle(addr.address, 40)}`; - html += `${addrUsd}`; + html += `
`; + html += `${addr.ensName ? "" : dot}${addr.address}`; + html += `${activeHtml}`; html += `
`; + const addrUsd = formatUsd(getAddressValueUsd(addr)); + html += `
${addrUsd}
`; html += balanceLinesForAddress( addr, state.trackedTokens, @@ -122,7 +122,7 @@ function render(ctx) { input.value = wallet.name; input.className = "font-bold border border-border p-0 bg-bg text-fg"; - input.style.width = span.offsetWidth + 20 + "px"; + input.style.width = "100%"; const save = async () => { const val = input.value.trim(); if (val && val !== wallet.name) {