TASK-48: Adapt App to notches #177
Description
Task Description
As a developer, I want the application to take into consideration the notch so that it matches the mockups.
Extra Description
Because many phones include a notch, it forces the application to start below the notch ignoring some CSS. The application should adapt to this drop so that the CSS is not affected.
see:
- https://dev.to/marionauta/avoid-notches-in-your-pwa-with-just-css-al7
- https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html
Acceptance Criteria
- Surrounding the notch should be white
- CSS should not be moved down if possible
- Documentation present where necessary
- Unit and UI tests are implemented for every component and function
- Must match Mockup