[ECO Bounty] ioTex Hub UI Element Misalignment in Server List Modal

Wallet Address Reporter: io1tkw393kejmxwnd454twc6020sxcyvh5dxqmren

App Version: ioPay v5.4.0 (3974)

Device: Redmi Note 10 Pro (Android 13)

1. Issue Summary

The "Delete" (trash icon) button within the Server List modal is partially obscured and misaligned relative to its row. It is currently being overlapped by the site’s global Floating Action Button (FAB) (the megaphone icon), making it difficult for users to interact with server management tools.

2. Steps to Reproduce

  1. Navigate to https://hub.iotex.io/dev/pebble on a mobile device.

  2. Open the Server List settings (likely via the gear icon in the "Your Devices" section).

  3. Observe the "Actions" column in the modal.

3. Expected Result

The Delete button should be vertically centered within its row and have sufficient padding to ensure it does not collide with persistent UI elements like the Floating Action Button.

4. Actual Result

The Delete button is pushed to the bottom right of its container and is physically blocked by the megaphone FAB, creating a "Z-index" or layout collision.

Please authenticate to join the conversation.

Upvoters
Status

In Review

Board
💡

New Issue

Date

4 days ago

Author

cryptotestnet

Subscribe to post

Get notified by email when there are changes.