Address from/to not clear on Overview

[LeeAlephium]

On an address's transaction overview it's clear where funds are traveling because it shows "To/From"

But it's very unclear on the Overview

[mvaivre]

So, after taking a second look at my mockups, with a colder head (literally) : the idea was to keep the overview TX history uncluttered. But I agree that the current state can be confusing.

I've updated my mockups with a more complete table (note the updated - more lightweight - icons and labels, inspired by the work on the mobile version).

I'm not yet sure if this is t0o dense or if it's fine. If too dense, we may remove the address label, and keep the same info as in the address's transaction overview.

[mvaivre]

Less cluttered :

[LeeAlephium]

Should the new address badges be reflected in the entire application? Currently that's what I've done...

[mvaivre]

Should the new address badges be reflected in the entire application? Currently that's what I've done...

Yes. Thanks :)

[LeeAlephium]

I'm going to extend the width a bit on the cards, the names are not useful anymore otherwise

[mvaivre]

Yeah. This section will eventually need to be redesigned. I'll take some inspiration from my work on the mobile wallet.
Two things:

• Could you center the label horizontally and reduce the padding between the dot/star and the label ? :) (in this task)
• A note for later: this scrollbar is ugly. I think we could switch to a css scrollbar mimicking the MacOS one (which is IMO way more discreet and elegant). Associated task: Use custom CSS scrollbars for consistent look across OSes #313.

[LeeAlephium]

The current api-explorer.ts doesn't seem to support tokens yet in the Transaction interface. For now I'll just use "ALPH" by default

[LeeAlephium]

Do we want to reflect the new transaction history design on the address details page as well? This is currently what I'm doing since UX consistency seems like a good goal. I would hide the address label but that's about all I can imagine that would need to be different...

[mvaivre]

Yes.