[ECO Bounty] Hub ioTex UI/Layout Inconsistency in "Download CSV" Buttons

Status: Open Severity: Low (UI/UX Inconsistency) Environment: Mobile Web (hub.iotex.io/analytics)
Description
There is a noticeable design inconsistency between the "Download CSV" buttons used in different sections of the Analytics dashboard. Specifically, the button in the "Daily Transaction Count" section differs in styling (height, padding, and corner radius) compared to the button in the "QuickSilver Alpha" section.
Expected Behavior
All "Download CSV" buttons across the analytics dashboard should share a consistent Global Component style. This includes:
Identical height (e.g., 36px or 40px).
Consistent border-radius.
Uniform horizontal/vertical padding.
Identical icon-to-text spacing.
Steps to Reproduce
Navigate to
hub.iotex.io/analyticson a mobile device.Scroll through the different data modules (Daily Transaction Count, QuickSilver Alpha, etc.).
Compare the visual dimensions of the purple "Download CSV" buttons.
Wallet Address: io1tkw393kejmxwnd454twc6020sxcyvh5dxqmren
Device & Environment:
-Operating system: Android 13
-Device model: Redmi Note 10 Pro
Log in to comment and vote
No comments yet
Be the first to share your thoughts.