Icon labels on action buttons are not showing at the default dp for commonly used mobile devices

[michaelkohn]

Labels for icons on action buttons do not render their text if your device's horizontal resolution is 400px or less.

A number of commonly used phones have a horizontal resolution of 720 with a default dp of 360. With this default setting, the icon labels are not showing. If you change the dp to something higher, the labels become visible; however, changing this on every phone is onerous and it also makes the rest of the app text much smaller. At a minimum, we should show the icon labels for the default resolution on these phones.

#6394 addressed the same issue with action labels but intentionally did not address action button icon labels.

Additional context in https://github.com/medic/config-ug-vht/issues/568 (private repo).

cc: @n-orlowski

[latin-panda]

Hi @ngaruko and @tatilepizs, this is ready for AT in this PR.

It's a small change, basically action button labels should display in smaller font size (just as tabs) when loading in small screens:

[tatilepizs]

Config: Default
Environment: Local with docker helper script
cht-core version: 7721-action-buttons-label
Platform: Mobile App. Downloaded from play store version 1.0.1

Android 10

Phone: Samsung Galaxy A01
Android System WebView Version: 103.0.5060.129

Reproducible on "master"

Fixed on "7721-action-buttons-label"

Android 5.1.1

Phone: Alcatel Onetouch 50560
Android System WebView Version: 95.0.4638.74

Reproducible on "master"

Fixed on "7721-action-buttons-label"

[latin-panda]

@michaelkohn I wanted to add this ticket to the 3.17 milestone but I couldn't find it. I can create it if that's okay. Let me know :)

[mrjones-plip]

I created the milestone \o/