Better readability of transaction signing dialog

[tbone-bts]

I think readability of the transaction signing confirmation is a matter of security. Some minor formatting modifications like below would improve readability, and therefore security.

Transfer Request

---

App: Transfer Example from examples.get-beet.io wants to initiate a transfer from BTS:myaccount.:

  Action: Transfer
  Recipient: clockwork
  Amount: 0.00100000 BTS

[sschiessl-bcp]

I'm thinking this could be reduced quite heavily and display on the top a table

Origin	examples.get-beet.io
App	Transfer Example
Action	Sign and Broadcast

and below the payload visualization. The labels origin, app, action should be colored labels for quick visualization, either with a toggle "Description" or "?" on hover popup that gives the above text. Once the user is used to the labels he wont care about that long text anymore (IMO). Thoughts?

[tbone-bts]

@sschiessl-bcp i'm not sure exactly what you're describing. can you give a more complete visual? but yes, i agree generally that anything making it easier to quickly visualize what is about to happen (including color coding) will be helpful and improve security.

[sschiessl-bcp]

[sschiessl-bcp]

We could add color-coding of sorts, and the content need to be visible on one screen. For now its a good first step.

[grctest]

This dialog is now an independent browserwindow prompt; is the new UX readability sufficient?

[abitmore]

This dialog is now an independent browserwindow prompt; is the new UX readability sufficient?

@grctest what does the window look like now?

[grctest]

Do the requested green/red buttons comply with the branding guide?

[grctest]

This issue can be closed now