Adjust wallet page and transfer page UI for screen size < 360px using media query

[sync-by-unito]

If screen width < 360px (like iPhone5/SE), the wallet and transfer page UI may go off. I assume there aren't many users using mobile devices with such small screen. Will fix it in the future using media query to update the css if the screen width goes below 360px.

Also see known issues in #1363

┆Issue is synchronized with this Asana task by Unito
┆Created By: Ray Hung

[sync-by-unito]

➤ sultanmyrza@gmail.com commented:

Tammy Yang I understood this part well "transfer page UI for screen size < 360 px using media query" I will just resize my screen and fix elements that are broken at that size with mediaquery.

But what does "Adjust wallet page" mean? Need more info what exact actions needed to be considered as "Adject wallet page" .

[sync-by-unito]

➤ sultanmyrza@gmail.com commented:

wallet page before the fix (demo ( https://imgur.com/uAjI0IV ))
wallet page after the fix (with media query) (demo ( https://imgur.com/FPxUrYB ))

transfer page before the fix (demo ( https://imgur.com/E9AvgfT ))
transfer page after the fix (with media query) (demo ( https://imgur.com/jAcaWIE ))

Here is the pull request #1507 ( #1507 )

[sync-by-unito]

➤ Tammy Yang commented:

Demo video looks good to me.