Distorted Sync warning text on the navigation drawer

[faith-mutua]

Describe the bug

The text in the Sync warning on the navigation drawer is misaligned with the date being distorted and appearing vertically instead of horizontally. Refer to attached screenshot for more details

To Reproduce Steps to reproduce the behavior:

1. Go to 'All patients' register and register a patient
2. Click on 'the hamburger icon' to open the navigation drawer
3. Observe how the Sync warning is displayed

Expected behavior

Text within the Sync warning should be well-aligned

Screenshots

Smartphone (please complete the following information):

• Device: [e.g. Samsung Galaxy A2 emulator] - BLUG60
• Android version: [e.g. Settings -> About phone -> Android version] - 9
• Build number: [e.g. Settings -> About phone -> Build number] - PPR1.180610.011
• Version [e.g. 24] - BLU-G0270WW_V9.0.04.20_GENERIC 18-07-2022 09:44

Additional context

This has been observed in the WDF project on the opensrp-dc-v0.1.3.apk

[hilpitome]

I was not able to recreate the above issue on Eusm using the latest version of fhircore. Check the screenshot below.

[hilpitome]

The text is assigned on this line in AppDrawer

[hilpitome]

However, the above was done on an a tablet in an emulator. On the phone the time appears to be compressed and spread over a few lines like below.