Make markets dropdown narrower - Githubissues

0xProject / 0x-launch-kit-frontend

Apache License 2.0

114 stars 208 forks source link

Make markets dropdown narrower #249

Closed unjapones closed 5 years ago

unjapones commented 5 years ago

Closes #223.

Let's wait for @gabitoesmiapodo opinion on this before merging because I had to dupplicate a CSS selector to apply some styles.

Includes

Change the main horizontal padding from 20px to 16px
Make the dropdown narrower to match the width in Figma.
Had to tweak the appearance of other components in the dropdown too to make them looks as they look in Figma.

Screenshots

1. Before markets_dropdown_BEFORE

2. After markets_dropdown_AFTER

3. Figma (for reference, not very useful without the website's tool to measure distances) markets_dropdown_FIGMA

unjapones commented 5 years ago

Based on what I see on Figma's design, I think you should change the font-weight for MARKET and PRICE from 500 to 700.

Fixed this in the last commit, but didn't update the screens :warning: .