From 082b22328cfa513056cc3059fa8987c3a7ed1570 Mon Sep 17 00:00:00 2001
From: user <user@Mac.lan guest wan>
Date: Sat, 28 Feb 2026 08:39:57 -0800
Subject: [PATCH] style: rework overflow menu to look like menu items, not
 buttons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Menu items now use text-xs font-light for smaller, lighter type
  that's clearly distinct from the pushbuttons in the action row
- The ··· button stays visually inverted (bg-fg text-bg) while the
  dropdown menu is open, reverting when closed
- Menu items styled as plain text rows with subtle hover background,
  no borders or button-like appearance
---
 src/popup/index.html             | 2 +-
 src/popup/views/addressDetail.js | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/popup/index.html b/src/popup/index.html
index 5525506..c5880bc 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -377,7 +377,7 @@
                         >
                             <button
                                 id="btn-export-privkey"
-                                class="block w-full text-left px-4 py-1.5 text-sm hover:bg-hover cursor-pointer"
+                                class="block w-full text-left px-4 py-1.5 text-xs font-light text-muted hover:bg-hover hover:text-fg cursor-pointer"
                             >
                                 Export Private Key
                             </button>
diff --git a/src/popup/views/addressDetail.js b/src/popup/views/addressDetail.js
index 7e798fc..77b6d27 100644
--- a/src/popup/views/addressDetail.js
+++ b/src/popup/views/addressDetail.js
@@ -273,10 +273,13 @@ function init(_ctx) {
     const moreDropdown = $("more-menu-dropdown");
     moreBtn.addEventListener("click", (e) => {
         e.stopPropagation();
-        moreDropdown.classList.toggle("hidden");
+        const isOpen = !moreDropdown.classList.toggle("hidden");
+        moreBtn.classList.toggle("bg-fg", isOpen);
+        moreBtn.classList.toggle("text-bg", isOpen);
     });
     document.addEventListener("click", () => {
         moreDropdown.classList.add("hidden");
+        moreBtn.classList.remove("bg-fg", "text-bg");
     });
     moreDropdown.addEventListener("click", (e) => {
         e.stopPropagation();
@@ -284,6 +287,7 @@ function init(_ctx) {
 
     $("btn-export-privkey").addEventListener("click", () => {
         moreDropdown.classList.add("hidden");
+        moreBtn.classList.remove("bg-fg", "text-bg");
         const wallet = state.wallets[state.selectedWallet];
         const addr = wallet.addresses[state.selectedAddress];
         const title = addressTitle(addr.address, state.wallets);