[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

  1. Navigate to hub.iotex.io/analytics on a mobile device.

  2. Scroll through the different data modules (Daily Transaction Count, QuickSilver Alpha, etc.).

  3. 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

Please authenticate to join the conversation.

Upvoters
Status

In Review

Board
πŸ’‘

New Issue

Date

About 2 hours ago

Author

cryptotestnet

Subscribe to post

Get notified by email when there are changes.