safe-ios icon indicating copy to clipboard operation
safe-ios copied to clipboard

[iOS] [Web3Auth] UI improvements for 'Select network' screen

Open TanyaEfremova opened this issue 1 year ago • 1 comments

Bug description

  1. On the screen of network selection there is a big space between the title and the description text.
  2. The close icon is on the left side, while it is on the right side on other screens.
  3. The borders of network cards in the list are 2pt instead of 1pt like everywhere (in input fields, for example)

Steps To Reproduce Open the app and go through the onboarding, if first time use and click 'Create a new Safe' OR open the Safe account selection and click 'Create a new Safe' there

Expected Result

  1. Margin between the large title and text should be 16pt and it should be consistent throughout pages
  2. Close icon should be on the right side
  3. Borders of the network cards should be 1pt

See design

Screenshots Screenshot 2023-07-20 at 14 29 01 Screenshot 2023-07-20 at 14 35 11

Device & App version

  • Device/OS: iPhone 11 Pro Max iOS16.0
  • App version:

Environment TestFlight 3.22.0 (1864)

Additional info (Optional)

TanyaEfremova avatar Jul 24 '23 10:07 TanyaEfremova

  1. In the banner for Gnosis Chain, the font is different (white font is bigger than the grey one). All text should use Callout style

TanyaEfremova avatar Jul 27 '23 08:07 TanyaEfremova