Fenix: FNX2-12991 ⁃ [Design] Follow ux mock on Settings --> Account screen

[hakkikaancaliskan]

Breakdown from issue #7065

[hakkikaancaliskan]

I'm working on this.

[brampitoyo]

@hakkikaancaliskan Thanks heaps for checking on this small detail! The sync icon is meant to be 24x24, just like all other icons we use on Fenix.

Asset: https://share.getcloudapp.com/ApuAXXjz

[hakkikaancaliskan]

@hakkikaancaliskan Thanks heaps for checking on this small detail! The sync icon is meant to be 24x24, just like all other icons we use on Fenix.

Asset: https://share.getcloudapp.com/ApuAXXjz

Ohh, @NotWoods said photon icon is okey so i've already opened pr with photon icon. Do I need to update it?
https://github.com/mozilla-mobile/android-components/pull/7574

[NotWoods]

@hakkikaancaliskan We can use the photon icon that was merged for now.

@brampitoyo The asset you provided has a 5px margin while photon icons just has 2px margin, which better aligns with our other icons. Is the photon icons version OK to keep?

[brampitoyo]

@NotWoods I didn’t know that our Photon icons have a different margin.

As strange as this may sound, the icon we have in our library has a 5px margin! But it sounds like the Photon version is more correct. Let’s use that instead.

[hakkikaancaliskan]

@Mugurell this one landed, so it requires qa needed tag

[AndiAJ]

Hi, verified as fixed on the latest Nightly Build 200716 from 7/16 using the following devices:
• Google Pixel 3a (Android 10)
• Huawei Mate 20 Lite (Android 9)
• OnePlus A3 (Android 6.0.1)

► Screenshots