Displaying the status and transaction ID in explorer

[bogachevanton]

#528 #552

I propose to change the mechanics of displaying the status and transaction ID. Now, due to non-rigid fields, the text display floats and waves are obtained when scrolling in the explorer. I attach a video where I added a straight red line, which shows how the status text moves in front of it, then after it.

Suggestion: to make a separate field for the status, a separate field for the transaction ID with clear boundaries. Remove the separator in the form of a dot between them (in the dark theme, this separator is now gone, since it is not painted white)

I am attaching a screenshot, which clearly shows which field I am talking about at the moment.

Screenshot Video

[bogachevanton]

It is also proposed to redo the design of this block accordingly on all other pages: Address details page, Main page, Transactions page. P.S. Although this is a cosmetic revision, it hurts the eyes when viewing .

[markmhendrickson]

We plan on standardizing the UX for transactions in general across the two wallets and explorer sometime in Q4. I've added this issue to a relevant milestone so we can visit these considerations as soon as we kick off that work. Thanks for the input 🙏

[bogachevanton]

Thanks Mark for the answer. I am always glad to help with something.

[chresko]

Dup of transaction status work. Closing.