Open
Description
Describe the bug
The corners' inner squares aren't always aligned, which breaks the QR code (unscannable).
I can only reproduce the bug on a mobile chrome web browser (which is the target we focus on), seems to always work fine on a chrome desktop (I can still reproduce using the debugger device toolbox to simulate a mobile device from desktop).
Seems related to #182
Expected behavior
The inner squares should be properly centered
Screenshots
Identical page, different position mode:
Portrait (broken):
Landscape (working):
Desktop (please complete the following information):
- Browser [e.g. chrome, safari] Chrome
- Version [e.g. 22]: 107
Smartphone (please complete the following information):
- Device: [e.g. iPhone6] Pixel 6
- OS: [e.g. iOS8.1] Android 13
- Browser [e.g. stock browser, safari] Chrome
- Version [e.g. 22] 107
Additional context
Seems to be a styling issue, but I don't know how to debug this kind of error.