[Android App] Hospitalization | Buttons are overlapping

[AndyBakcsy-she]

Steps to Reproduce

1. Open the android app ad select a case
2. Go to the hospitalization tab and create a new hospitalization
3. Observe the buttons at the bottom of the view

Expected Behavior

Buttons should be clear to read and tab by the users on their phones. At the moment this is not as expected

Note:

The screen size of the phone is 6.43 inches and the Resolution is 1800 x2400 pixels

Screenshots

System Details

• Device: Oneplus Nord 2 (2021 model)
• SORMAS version: 1.67.0-snapshot
• Android version/Browser: Andrid 11
• Server URL: test-de.sormas.netzlink.com
• User Role: SurvOff

[MateStrysewske]

Proposed solution: Display the delete button as an icon-only button (I believe we already have that possibility in the mobile app).

[adinaflorea9]

I was able to observe the same overlapping of the 'Delete' and 'Dismiss' buttons on a device with the following system details: Device: Huawei P20 lite (2019) - 5.84inches screen; 2280*1080 - resolution SORMAS version: 1.68.0-snapshot Android version: 9;
Server URL: test-de.sormas.netzlink.com User Role: SurvOff

The overlapping of the buttons could be observed in the directories: cases, contacts and events, for the following entries: person information (addresses/location; person contact details); hospitalization (previous hospitalization); epidemiological info (exposure).

[sergiupacurariu]

The Android app is optimized for Tablet. Below you have a screenshot showing how it looks on a tablet with 600 x 1024 resolution. Due to this, the ticket will be closed.