From a464f019aafa45a3e8a40db61f84c5a2aaaea7e6 Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Sun, 17 Dec 2017 14:53:42 +0000
Subject: [PATCH] Fix the elastic white area on iOS and change bar to
 translucent.

---
 public/index.html |  1 +
 src/index.css     | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/public/index.html b/public/index.html
index c3d5009..7777faa 100644
--- a/public/index.html
+++ b/public/index.html
@@ -8,6 +8,7 @@
 
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="EteSync">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
diff --git a/src/index.css b/src/index.css
index b4cc725..e15559a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -2,4 +2,14 @@ body {
   margin: 0;
   padding: 0;
   font-family: sans-serif;
+  background-color: #ffc107;
+}
+
+body:before {
+  content: '';
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  z-index: -1;
+  background-color: white;
 }