Skip to content

fix(wallet): right-align Use Wallet button in earnings suggestion#104

Open
Nic-dorman wants to merge 1 commit into
mainfrom
fix/wallet-suggestion-alignment
Open

fix(wallet): right-align Use Wallet button in earnings suggestion#104
Nic-dorman wants to merge 1 commit into
mainfrom
fix/wallet-suggestion-alignment

Conversation

@Nic-dorman
Copy link
Copy Markdown
Contributor

Summary

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

Before / After

  • Before: `Use your connected wallet address for earnings? [Use 0x12…ab]` (label and button packed at the start, empty space on the right)
  • After: `Use your connected wallet address for earnings? [Use 0x12…ab]` (label left, button right)

Test plan

  • Connect a wallet on the Wallet page with an earnings address that differs from the payment address.
  • Suggestion card renders with the prompt on the left and the button on the right edge.
  • Click the button → earnings address updates to match the payment address; suggestion disappears.

🤖 Generated with Claude Code

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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant