AnkiDroid New Study Screen margincutoff issues

This topic is in response to a comment I made here:

@ZornHadNoChoice Here are some additional details. Thank you!

Example 1, edges are cut off

These are my settings:

This is what I am seeing (edges are being cutt off):

Here is an export of my card including the note template:

FRONT:

BACK:

CSS:

(I wanted to create a deck export, but it didn’t work somehow)

Exampe 2, unwanted extra margins

In this example there is no cutoff, but there is an extra white margin which I would like to get rid of:

(I can also provide the note type code here if you want)

Debug info:

AnkiDroid Version = 2.24.0 (ebcf8e0e34921628b9b8a496c66ffd4adbb3705f)  

It’s not clear how you want it to look, but if you change .mobile .card {margin: -8px} in the styling to mobile .card {margin: 0px !important}, then it looks like this

Alternatively, you can just add that to the end of the styling section, which should also fix the second template.