balancednetwork / balanced-network-info

ℹ️ Balanced network analytics.
https://stats.balanced.network
MIT License
0 stars 0 forks source link

Improve mobile responsiveness on the Stats and Performance Details pages #74

Closed parrot9design closed 2 years ago

parrot9design commented 2 years ago

There are a number of visual issues we should fix for smaller screen sizes.

The daily rewards are a bit squished in the middle of the row. If we move the first and last items out a bit so they're aligned with the content above it, that should give it more space.

IMG_05D5BC00C994-1


The token/pool logos and names should be properly aligned. It's a bit skew-whiff right now. IMG_918A11F45251-1 IMG_D103459654B6-1


The marketcap values should always be fully right-aligned, even if the asset ticker needs to be dropped to a second line. IMG_47CF8FD4B5BF-1


At smaller screen sizes, it might be better to push Performance details underneath the Governance heading, otherwise both are broken:

IMG_01784CE5AB44-1


Add space between the two dates on the performance details page: IMG_8E7145E31FD6-1


When you tap the date selector in the Holdings section, the phone keyboard automatically appears, as it seems to think you can input text. After you tap out of it, you're left in a zoomed-in state. Let's remove that so people can just tap a date on the calendar instead.

IMG_2585BB9A99A9-1