From ce8dba42006559b95309f28be6bdf49b0161e929 Mon Sep 17 00:00:00 2001
From: Danny Coates <dannycoates@gmail.com>
Date: Wed, 13 Mar 2019 11:40:39 -0700
Subject: [PATCH] fixed disappearing header in Chrome

---
 app/ui/blank.js    | 2 +-
 app/ui/error.js    | 2 +-
 app/ui/home.js     | 2 +-
 app/ui/notFound.js | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/ui/blank.js b/app/ui/blank.js
index 42d8f423..34f3429c 100644
--- a/app/ui/blank.js
+++ b/app/ui/blank.js
@@ -4,7 +4,7 @@ module.exports = function() {
   return html`
     <main class="main">
       <section
-        class="h-full w-full p-6 z-10 md:flex md:flex-row md:rounded-lg md:shadow-big"
+        class="h-full w-full p-6 md:flex md:flex-row md:rounded-lg md:shadow-big"
       >
         <div class="md:mr-6 md:w-1/2 w-full"></div>
         <div class="md:w-1/2 mt-6 md:mt-0 w-full"></div>
diff --git a/app/ui/error.js b/app/ui/error.js
index 3aa96916..4d64b196 100644
--- a/app/ui/error.js
+++ b/app/ui/error.js
@@ -7,7 +7,7 @@ module.exports = function(state, emit) {
     <main class="main">
       ${state.modal && modal(state, emit)}
       <section
-        class="flex flex-col items-center justify-center h-full w-full p-6 z-10 overflow-hidden md:rounded-lg md:shadow-big"
+        class="flex flex-col items-center justify-center h-full w-full p-6 overflow-hidden md:rounded-lg md:shadow-big"
       >
         <h1 class="text-center font-bold my-2">
           ${state.translate('errorPageHeader')}
diff --git a/app/ui/home.js b/app/ui/home.js
index 925df5f9..14d86c9a 100644
--- a/app/ui/home.js
+++ b/app/ui/home.js
@@ -30,7 +30,7 @@ module.exports = function(state, emit) {
     <main class="main">
       ${state.modal && modal(state, emit)}
       <section
-        class="h-full w-full p-6 z-10 overflow-hidden md:flex md:flex-row md:rounded-lg md:shadow-big"
+        class="h-full w-full p-6 overflow-hidden md:flex md:flex-row md:rounded-lg md:shadow-big"
       >
         <div class="px-2 w-full md:px-0 md:mr-6 md:w-1/2">${left}</div>
         <div class="mt-6 w-full md:w-1/2 md:-m-2">${right}</div>
diff --git a/app/ui/notFound.js b/app/ui/notFound.js
index e24a9dab..18fa20fc 100644
--- a/app/ui/notFound.js
+++ b/app/ui/notFound.js
@@ -7,7 +7,7 @@ module.exports = function(state, emit) {
     <main class="main">
       ${state.modal && modal(state, emit)}
       <section
-        class="flex flex-col items-center justify-center h-full w-full p-6 z-10 overflow-hidden md:rounded-lg md:shadow-big"
+        class="flex flex-col items-center justify-center h-full w-full p-6 overflow-hidden md:rounded-lg md:shadow-big"
       >
         <h1 class="text-center font-bold my-2">
           ${state.translate('expiredTitle')}