interface: inset by safe-area on iOS
Fixes urbit/landscape#242
@@ -43,7 +43,11 @@ const Root = withState(styled.div`
font-family: ${p => p.theme.fonts.sans};
height: 100%;
width: 100%;
- padding: 0;
+ padding-left: env(safe-area-inset-left, 0px);
+ padding-right: env(safe-area-inset-right, 0px);
+ padding-top: env(safe-area-inset-top, 0px);
+ padding-bottom: env(safe-area-inset-bottom, 0px);
+
margin: 0;
${p => p.display.backgroundType === 'url' ? `
background-image: url('${p.display.background}');
