From 502a9249b5fac0243165d6d496f8a5e45c3b6394 Mon Sep 17 00:00:00 2001
From: Nic-dorman <nbdorman@gmail.com>
Date: Tue, 12 May 2026 13:33:13 +0100
Subject: [PATCH] fix(wallet): right-align Use Wallet button in earnings
 suggestion

The "Use {address}" button on the Wallet page's earnings suggestion sat
flush against the prompt label because the flex container only had a
gap, no justify rule. Add justify-between so the prompt stays on the
left and the button hugs the right edge of the suggestion card.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 pages/wallet.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/wallet.vue b/pages/wallet.vue
index 132d78a..cb24cc1 100644
--- a/pages/wallet.vue
+++ b/pages/wallet.vue
@@ -23,7 +23,7 @@
         <!-- Suggest using payment wallet address (local mode only) -->
         <div
           v-if="!settingsStore.indelibleConnected && walletStore.connected && walletStore.paymentAddress && walletStore.earningsAddress !== walletStore.paymentAddress"
-          class="mt-3 flex items-center gap-3 rounded-md border border-autonomi-blue/20 bg-autonomi-blue/5 px-3 py-2"
+          class="mt-3 flex items-center justify-between gap-3 rounded-md border border-autonomi-blue/20 bg-autonomi-blue/5 px-3 py-2"
         >
           <span class="text-xs text-autonomi-muted">
             Use your connected wallet address for earnings?