Little UI / CSS Issues

[tayvano]

• 1. After clicking the "verify" button, the active state has the text white, meaning you can't read it:

• 2. When you send 2 transactions back to back, it's hard to tell which one is the new one. Perhaps fade out previous one opacity: .8; opacity: .6; ... to differentiate

• 3. When using Ledger, you press generate and a spinner shows up (YAY!). If possible, let's add a message that says "Please confirm transaction on your hardware wallet" next to it. Can be super small.

[james-prado]

I've made a branch here to fix the issue. I've added animations on notifications to make it clear to the user which notification is new and which is old. React-transition-group seems to be one of the better animation libraries to react, it makes animations before dismount very easy, however I've found and issue using it with redux so I've opened an issue for it and am awaiting a response.

A demo of the issue can be found here

This branch also fixes the white text issue.

[james-prado]

Ok, turns out using the notification array index as a key is VERY BAD and messes up react displays data.

[james-prado]

Closed by pr MyEtherWallet/MyEtherWallet#305

[james-prado]

MyEtherWallet/MyEtherWallet#305 only solves 2/3 of the issues, re-opening to fix part 3.