Ionic Framework : Text of the application is blurry when testing app on Android device

I just had a huge deception! I’ve just finished the first version of my app and so I went on and I tested it on my Android device… The content of the app is blurry!

You can see it on the screenshots. It looks like the text does not display correctly in the list. You can also see that the save button is a little bit deformed.

Where does it come from?

Well, I have remarked that elements of the app that I have customized using a style.css appear blurry and that the ones belonging to the Ionic framework appear correctly. The problem may come from here as it may come from something completely different, I honestly don’t know.

How can I fix this?

Pretty please!

Thank you!

PS: The screenshots are actually a little less blurry than how it looks in the app.

Remarks:

  • On the Android emulator everything works perfectly. It is only on device that the problem is present.

  • Device used to test: Samsung Galaxy S2: GT-I9100 ; Android: 4.2.2

  • No such problem with a sample app.

CSS:

#test{
color: white;
margin-top: 5px;
}
#location{
float: left;
}
#timeIn{
text-align: right;
color: red;
}
#timeOut{
text-align: right;
color: green;
}
#check{
display: block;
}