From d231d9340ea5db0bf0ae9e087b89b9a4a83335d5 Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Thu, 26 Nov 2020 17:08:25 +1100
Subject: [PATCH] Fix styling of indexeddb disabled warning

---
 src/components/map/MapTiles.js     | 2 ++
 src/components/token/TokenTiles.js | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/components/map/MapTiles.js b/src/components/map/MapTiles.js
index e88a75d..3e7f3f1 100644
--- a/src/components/map/MapTiles.js
+++ b/src/components/map/MapTiles.js
@@ -87,6 +87,7 @@ function MapTiles({
         <Flex
           p={2}
           pb={4}
+          pt={databaseStatus === "disabled" ? 4 : 2}
           bg="muted"
           sx={{
             flexWrap: "wrap",
@@ -114,6 +115,7 @@ function MapTiles({
             left: 0,
             right: 0,
             textAlign: "center",
+            borderRadius: "2px",
           }}
           bg="highlight"
           p={1}
diff --git a/src/components/token/TokenTiles.js b/src/components/token/TokenTiles.js
index 0e40612..932ce81 100644
--- a/src/components/token/TokenTiles.js
+++ b/src/components/token/TokenTiles.js
@@ -91,6 +91,7 @@ function TokenTiles({
         <Flex
           p={2}
           pb={4}
+          pt={databaseStatus === "disabled" ? 4 : 2}
           bg="muted"
           sx={{
             flexWrap: "wrap",
@@ -118,6 +119,7 @@ function TokenTiles({
             left: 0,
             right: 0,
             textAlign: "center",
+            borderRadius: "2px",
           }}
           bg="highlight"
           p={1}