safe-global / safe-ios

Safe Multisig iOS app.
GNU General Public License v3.0
114 stars 37 forks source link

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

Open TanyaEfremova opened 1 year ago

TanyaEfremova commented 1 year ago

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

Environment TestFlight 3.22.0 (1864)

Additional info (Optional)

TanyaEfremova commented 1 year ago
  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