Migaku Note Types does not have the correct max-width

[seulgiism]

The Migaku Note Types do not have the correct width in Anki. If the user decide to edit the Migaku Note Type background color a slight protrusion can be seen next to the screenshot in the Migaku Card.

This can be fixed by changing the max-width from 650 to 647 in the migaku-card block.

.migaku-typeselect {
  position: relative;
  background: white;
  width: 90%;
  max-width: 647px;
  margin: 20px auto 50px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  text-align: left;
}

See screenshots of before and after.

max-width with 650:

max-width with 647:

[seulgiism]

It seems that the max-width number I suggested might not be as perfect either. On some other cards a protrusion can still be seen.

[seulgiism]

Very sorry for the spam, it seems that the styling appears to be different on ios. It looks fine on a desktop machine.

[seulgiism]

I found the problem.

Changed 96% to 93% in the following block(see below) and that solves it on mobile phones.

@media only screen and (max-width: 768px) {
  /* For mobile phones: */

  .migaku-card,
  .migaku-typeselect {
    width: 93%;
  }