2

I am writing an Cordova App, and in my code I have an angular material icon:

<mat-icon>mood</mat-icon>

Which looks perfect in browser when I was developing:

Properly displayed icon in browser:

enter image description here

But when I compile the project and deploy to my Android phone, I found the icons are not centered. Not among other texts, but within the icon itself:

Mat icon that offsets:

enter image description here

I am really confused on why is this happening and what is the direction to look for a solution.

Any pointers would be much appreciated.

Quentin
  • 1,865
  • 2
  • 24
  • 40
Ray
  • 31
  • 3

1 Answers1

1

Found the answer after 7 months: I had text zoom enabled in my phone, and this solved it:

Phonegap - Ignore font-size display setting on Android

Ray
  • 31
  • 3