HomePhabricator

[Cashtab] Better button sizing, spacing, and hover

Description

[Cashtab] Better button sizing, spacing, and hover

Summary:
T2650

Make button take up all alotted space, so you do not have to click just on the icon. Add hover effect for non-mobile devices.

Ref https://stackoverflow.com/questions/17233804/how-to-prevent-sticky-hover-effects-for-buttons-on-touch-devices for why we need the media query (otherwise if you push a button, it gets the hover state on mobile)

Can verify mobile at https://cashtab-local-dev.netlify.app/

Test Plan: npm test, npm start and test hover effect

Reviewers: #bitcoin_abc, Klakurka

Reviewed By: #bitcoin_abc, Klakurka

Subscribers: Klakurka

Differential Revision: https://reviews.bitcoinabc.org/D15157

Details

Provenance
bytesofmanAuthored on Jan 12 2024, 23:12
bytesofmanPushed on Jan 13 2024, 00:08
Reviewer
Restricted Project
Differential Revision
D15157: [Cashtab] Better button sizing, spacing, and hover
Parents
rABCf90e4a9477bc: fuzz: Link all targets once
Branches
Unknown
Tags
Unknown