Not aligned 'Share' icon, no shadow on app top bar, contact name is not in bold - on QR code screens

[Serhy]

Type: Bug

Summary: There are UI issues on both public key and address QR code screens:

1. On iOS and Android there is a black status bar (moved into separate issue Black status bar on QR code screens #3227)
2. On Android only there is no shadow at the bottom line of app top bar
3. On iOS only the 'Share' icon should be aligned to the right to 12px
4. On iOS only - the contact name is not in the bold font style

iOS screen:

Android screen:

Expected behavior

Aligned Share icon to the right with 12 px, shadow at the bottom line of app top bar on Android, bold font of contact name on iOS - on the QR code screens

Actual behavior

Not aligned Share icon to the right on iOS, no shadow at the bottom line of app top bar on Android, no bold font of the contact name on iOS - on the QR code screens

Reproduction

• Open Status and create account
• Navigate to Profile -> Share my contact code screen (Note: this is for public key QR screen)
• Navigate to Home -> Start new chat -> 1-1 chat with Jarrad -> Profile screen at top-right -> Show QR code for Address

Additional Information

• Status version: Develop 0.9.11d626 (iOS) / 03e625 (Android)
• Operating System: Android 7.0 (Samsung J7 real device), iOS 11.2.2 (iPhoneX)

[jeluard]

@Serhy Could we split status-bar issue to a separate ticket? Those will require some more global thinking.

[Serhy]

@jeluard Done. #3227 created as separate for status-bar issue

[Serhy]

#3247 fixed it. Closing the issue.