From c131b89732d795951ba85fef6034e92c857ed519 Mon Sep 17 00:00:00 2001
From: sneak <sneak@sneak.berlin>
Date: Thu, 26 Feb 2026 17:11:27 +0700
Subject: [PATCH] Fix spacing inconsistencies on home screen

- Remove mb-1 from Recent Transactions header (wallet headers have
  no bottom margin, so this should match)
- Remove mb-3 wrapper from wallet sections (section header bg
  provides the visual break, extra margin created uneven gaps)
- Change tx row padding from py-2 to py-1 to match address rows
---
 src/popup/index.html    | 2 +-
 src/popup/views/home.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/popup/index.html b/src/popup/index.html
index f8b423a..396d16c 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -220,7 +220,7 @@
                 <!-- recent transactions across all addresses -->
                 <div>
                     <div
-                        class="font-bold bg-section py-1 px-2 mb-1"
+                        class="font-bold bg-section py-1 px-2"
                         style="margin-left: -0.5rem; margin-right: -0.5rem"
                     >
                         Recent Transactions
diff --git a/src/popup/views/home.js b/src/popup/views/home.js
index d558445..8f722c2 100644
--- a/src/popup/views/home.js
+++ b/src/popup/views/home.js
@@ -145,7 +145,7 @@ function renderHomeTxList(ctx) {
         const opacity = tx.isError ? " opacity:0.5;" : "";
         const ago = escapeHtml(timeAgo(tx.timestamp));
         const iso = escapeHtml(isoDate(tx.timestamp));
-        html += `<div class="home-tx-row py-2 border-b border-border-light text-xs cursor-pointer hover:bg-hover" data-tx="${i}" style="${opacity}">`;
+        html += `<div class="home-tx-row py-1 border-b border-border-light text-xs cursor-pointer hover:bg-hover" data-tx="${i}" style="${opacity}">`;
         html += `<div class="flex justify-between"><span class="text-muted" title="${iso}">${ago}</span><span>${dirLabel}${err}</span></div>`;
         html += `<div class="flex justify-between"><span class="flex items-center">${dot}${addrStr}</span><span>${amountStr}</span></div>`;
         html += `</div>`;
@@ -251,7 +251,7 @@ function render(ctx) {
 
     let html = "";
     state.wallets.forEach((wallet, wi) => {
-        html += `<div class="mb-3">`;
+        html += `<div>`;
         html += `<div class="flex justify-between items-center bg-section py-1 px-2" style="margin:0 -0.5rem">`;
         html += `<span class="font-bold cursor-pointer wallet-name underline decoration-dashed" data-wallet="${wi}">${wallet.name}</span>`;
         if (wallet.type === "hd") {