Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Asset Balance table headers misaligned in Web App #176

Open
sk33z3r opened this issue Feb 27, 2022 · 0 comments
Open

Asset Balance table headers misaligned in Web App #176

sk33z3r opened this issue Feb 27, 2022 · 0 comments

Comments

@sk33z3r
Copy link

sk33z3r commented Feb 27, 2022

System:

  • NixOS 21.11
  • Firefox 97
  • Brave 1.35.101
  • Android 11
  • Loopring Wallet 2.1.3.179

Repro:

  1. Use WalletConnect to connect and unlock your wallet on loopring.io
  2. Go to L2 Wallet > L2 Assets
  3. Observe the Balances Table at the bottom

Expected:
Table headers are aligned with each column properly

Actual:
The "Actions" header sits above a hotdog menu that doesn't appear to be actions, but coin pairs. The "Action" are one column to the left.

screenshot_20220227_121223

screenshot_20220227_121234

Notes:

  • To make the table more aesthetically pleasing, all the headers and text in the columns should be aligned the same way, i.e., to the left. This is so everything lines up evenly and is easier to glance at a large list of many coins and values. As it is right now, some column header are very loosely placed. It doesn't look like anything is left, right or center justified.
  • There is no indication what the drop-down menu with the coin pairs actually does. Is the column header pushed off-screen to the right for that one?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant