This website uses Cookies. Click Accept to agree to our website's cookie use as described in our Privacy Policy. Click Preferences to customize your cookie settings.
Accept
Reject
Preferences
Log in to ask a question
Log in to ask a question

Action Button Icon Misalligned on iPhone

Posted on 12-10-2020 10:55 AM
Markus_Malessa
Gold 1
Gold 1
Reply posted on --/--/---- --:-- AM

Another item I noticed, and maybe it is not as apparent to some people or I’m just seeing things. It appears that on iPhone the icons in action buttons are sitting ‘higher’ (and possibly slightly left) from center which suggests a margin/padding issue in the underlying html.

Browser view:
3X_2_4_242be115cbd456e967696b8ec1958d51675dd3ae.png

iPhone view:
3X_e_9_e930b3d08224b8e3ff8ec53c0580df30f0d11025.png

1 2 140
Topic Labels
2 REPLIES 2

Posted on --/--/---- --:-- AM
Steve
Platinum 4
Platinum 4
Reply posted on --/--/---- --:-- AM

I’ve seen this myself on my Pixel phones when I’ve used a non-default system font size.

@morgan @macastan

0 Likes

Posted on --/--/---- --:-- AM
Markus_Malessa
Gold 1
Gold 1
In response to Steve
Reply posted on --/--/---- --:-- AM

I did in fact change the standard 20 Rubik to 18 Rubik instead. I suppose that could be the underlying cause of me noticing it, however it would still be nice if it could be addressed. Will probably just change it back to 20 for now and I guess it would not explain the difference between browser and mobile though.

Top Labels in this Space