[UX]: Improve tokens list table (scrollbar issue)

[buberdds]

IMPACT

• High
• Medium
• Low

URGENCY

• Critical
• Major
• Medium
• Minor

PRODUCT ENVIRONMENT

No response

DESCRIPTION OF ISSUE

There is a large horizontal scrollbar (test resulution 1250px). We need to improve tokens list table so user can see columns without using a scrollbars. I am not sure all requested changes are applied + we are adding "on-chain market cap" column.

DEVICE / VIEWPORT

• Desktop
• Mobile

STEPS TO REPRODUCE

No response

ALTERNATIVES AND SUGGESTIONS

No response

[donouwens]

@buberdds - I cannot reproduce the scrollbar, in console it rescales just fine. Can you replicate it?

How I see it in console:

That said, we could introduce a minimised version of the "Type" and "Verification" columns (the columns themselves are not reduced in width yet in the screenshot) to free up space for the "on-chain market cap" column and remove the horizontal scrollbar.

Minimising could look something like this (ignore spacing and padding that's off a little, I played around directly in console):

If you can replicate the scroll we can try this and maybe you can let me know if that resolves the scroll and leaves space for the new column.