From e1c3fd80569cbf91ff4ed41a369a39c8ea31bd92 Mon Sep 17 00:00:00 2001
From: sneak <sneak@sneak.berlin>
Date: Thu, 26 Feb 2026 16:06:14 +0700
Subject: [PATCH] Shrink info button to prevent address line wrapping

Remove border and padding from the info button, use dashed underline
text style instead. This saves enough horizontal space that the full
address no longer wraps.
---
 src/popup/views/home.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/popup/views/home.js b/src/popup/views/home.js
index 845f961..734bfa6 100644
--- a/src/popup/views/home.js
+++ b/src/popup/views/home.js
@@ -103,7 +103,7 @@ function render(ctx) {
         wallet.addresses.forEach((addr, ai) => {
             html += `<div class="address-row py-1 border-b border-border-light cursor-pointer hover:bg-hover" data-wallet="${wi}" data-address="${ai}">`;
             const isActive = state.activeAddress === addr.address;
-            const infoBtn = `<span class="btn-addr-info text-xs cursor-pointer border border-border px-1 hover:bg-fg hover:text-bg" data-wallet="${wi}" data-address="${ai}">[info]</span>`;
+            const infoBtn = `<span class="btn-addr-info text-xs cursor-pointer underline decoration-dashed" data-wallet="${wi}" data-address="${ai}">info</span>`;
             const dot = addressDotHtml(addr.address);
             const titleBold = isActive ? "font-bold" : "";
             html += `<div class="text-xs ${titleBold}">Address ${wi + 1}.${ai + 1}</div>`;