Improve vesting lock readability #11784
Description
When multiple vesting locks are applied to an account's balance, the pop-up that lists them becomes crowded and difficult to read. A few adjustments, such as adding separators and reordering the information, would improve clarity. For example, instead of:
2,898.3117 DOT
of 3,082.9196 DOT vested
43 days 17 hrs
until block 28,035,958
293.2762 µDOT
per block
It could be shown as:
------------------
3,082.9196 DOT fully vested in 43 days 17 hrs
(Block 28,035,958 @ 293.2762 µDOT/block)
2,898.3117 DOT already vested
------------------
.....
The screenshot below serves as an example of a crowded pop-up:
