ethereum-org-website icon indicating copy to clipboard operation
ethereum-org-website copied to clipboard

Stablecoin card buttons need margin

Open hursittarcan opened this issue 3 years ago • 4 comments

Description

The buttons inside the stablecoin cards do not have a margin-bottom. This makes both buttons stick to eachother (it doesn't look good imo).

The problem is present in both desktop and mobile view. I included screenshots below.

The first screenshot is the current version. The second screenshot is the result of adding a bottom margin of 5px. Only applied to the left card (with chrome's dev tools).

ethereum_desktop_margin - kopie image

hursittarcan avatar Aug 02 '22 17:08 hursittarcan

Indeed - thanks for surfacing this bug!

samajammin avatar Aug 02 '22 21:08 samajammin

Great Catch, Thank you.

My take: make the Margin bottom 0.5rem (8px) and I would add the same size for both buttons Screen Shot 2022-08-03 09 42 15 AM

nloureiro avatar Aug 03 '22 08:08 nloureiro

Does someone work on this ? If not I can do it :slightly_smiling_face:

vdusart avatar Aug 09 '22 14:08 vdusart

@vdusart All yours =). If possible would be nice to use a solution like gap here to add a gap between the items despite ordering or flow direction (row/column)

wackerow avatar Aug 10 '22 14:08 wackerow

Closed by #7385

minimalsm avatar Sep 09 '22 12:09 minimalsm