Fix balance line spacing: use width:42ch;max-width:100%

src/popup/index.html

@@ -201,7 +201,10 @@
                     class="flex text-xs mb-3 cursor-pointer"
                     title="Click to copy"
                 >
-                    <span id="address-full" style="max-width: 42ch"></span>
+                    <span
+                        id="address-full"
+                        style="width: 42ch; max-width: 100%"
+                    ></span>
                     <span
                         id="address-usd-total"
                         class="text-right text-muted flex-1"

src/popup/views/helpers.js

@@ -76,7 +76,7 @@ function balanceLine(symbol, amount, price) {
     const usd = price ? formatUsd(amount * price) : "";
     return (
         `<div class="flex text-xs">` +
-        `<span class="flex justify-between" style="max-width:42ch">` +
+        `<span class="flex justify-between" style="width:42ch;max-width:100%">` +
         `<span>${symbol}</span>` +
         `<span>${qty}</span>` +
         `</span>` +

src/popup/views/home.js

@@ -40,7 +40,7 @@ function render(ctx) {
             }
             const addrUsd = formatUsd(getAddressValueUsd(addr));
             html += `<div class="flex text-xs">`;
-            html += `<span style="max-width:42ch">${addr.address}</span>`;
+            html += `<span style="width:42ch;max-width:100%">${addr.address}</span>`;
             html += `<span class="text-right text-muted flex-1">${addrUsd}</span>`;
             html += `</div>`;
             html += balanceLinesForAddress(addr);