Credit card error message UX looks buggy

[usirin]

Functionally there is not an error.

UI/UX-wise it's just so bad. Problems:

• Message appears inside the payment section wrapper box
• Since it appears inside the box, it pushes all other siblings (our form) down.
• We don't scroll down with the form, resulting for an unnecessary disruption for the user.
• Also, we show error without any animation, it results in really, but really, bad UX.

What we should do instead:

• [ ] We make sure that form stays in the same position either by scrolling to the bottom, but most probably scrolling with form to make it not dependent into another views.
• [ ] We make sure that we are using some transition animations while showing and hiding the error message.

[usirin]

@cansirin we need to apply css transitions to the error message.