[Accessibility] Follow/unfollow button to small on (some) smartphones (text cut-off)

[joenepraat]

Steps to reproduce the problem

This is difficult to reproduce, because every smartphone has it's own resolution and viewport. What I can do is to give the font settings on my phone:

1. Set in Android settings the font size and display size both on normal (that's the default)
2. Enable in the Firefox mobile browser (I don't use Chrome) settings under Accessibility Automatic font size (also the default).

So these are the default settings on my phone. Smaller font sizes would be to small for my eyes. People with poorer vision would increase the Android font and/or display size and make this reported issue even worse. But the font and/or display size shouldn't matter, because responsive webdesign should take care this.

See the screenshots with what I mean (screenshots are cropped). Remember that this is in English, so in some other languages the button text is longer. Maybe a solution is to move the button and the options to a new line on smartphones.

Expected behaviour

An all smartphones every item of a user profile should be visible

Actual behaviour

Text follow/unfollow is cut-off because the button is to small

Mastodon instance

all

Mastodon version

v4.2.3

Browser name and version

Firefox mobile 121.0

Operating system

Android 13

Technical details

No response

[connyduck]

Similar issue when user is blocked.