The class component is a rounded rectangle. However, the map component is not. This creates a minor styling issue in the bottom corners of the class component.
To Reproduce
Steps to reproduce the behavior:
Go to Today page
Click on Open Map in one of the class
See error
Expected behavior
The corner of the map should align with that of the outer component.
Screenshots
Styling issue in the corner:
Smartphone (please complete the following information):
Device: iPhone XS
OS: iOS13
Browser: Safari
Additional context
This problem only appears on mobile browsers since desktop version uses a different layout.
Weird, it is clipped correctly on Chrome and Firefox on Android. I'll chalk this up to yet another one of Safari's weirdness. Lemme see if there's a workaround
Describe the bug
The class component is a rounded rectangle. However, the map component is not. This creates a minor styling issue in the bottom corners of the class component.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The corner of the map should align with that of the outer component.
Screenshots
Styling issue in the corner:
Smartphone (please complete the following information):
Additional context
This problem only appears on mobile browsers since desktop version uses a different layout.