From fec6411fbfa6235342f2a34629d3aed966333041 Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Fri, 18 Sep 2020 11:56:49 -0400
Subject: [PATCH] UX: Landscape spacing in iOS devices with a notch

Avoids some content being covenred by the notch in some iOS devices.
---
 app/assets/stylesheets/mobile/header.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/assets/stylesheets/mobile/header.scss b/app/assets/stylesheets/mobile/header.scss
index 77f744f4a35..720591b38ee 100644
--- a/app/assets/stylesheets/mobile/header.scss
+++ b/app/assets/stylesheets/mobile/header.scss
@@ -85,4 +85,8 @@
 
 #main-outlet {
   padding-top: 4.2857em;
+  @media only screen and (orientation: landscape) {
+    padding-right: env(safe-area-inset-right);
+    padding-left: env(safe-area-inset-left);
+  }
 }