From 2562dd4e2cf0a17bcacf9c9259e09fcbd7dad56f Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <jon.summers.muir@googlemail.com>
Date: Mon, 29 Mar 2021 22:34:14 +0800
Subject: [PATCH] fix pricing UI and added redirect in for /docs/pricing to
 /pricing

---
 vercel.json                  | 4 +++-
 www/components/UI/FlyOut.tsx | 2 +-
 www/styles/index.css         | 7 ++++---
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/vercel.json b/vercel.json
index ae06a31bf34..cad70f428a4 100644
--- a/vercel.json
+++ b/vercel.json
@@ -142,7 +142,9 @@
     { "source": "/docs/client/fts", "destination": "/docs/reference/javascript/textSearch" },
     { "source": "/docs/client/plfts", "destination": "/docs/reference/javascript/textSearch" },
     { "source": "/docs/client/phfts", "destination": "/docs/reference/javascript/textSearch" },
-    { "source": "/docs/client/wfts", "destination": "/docs/reference/javascript/textSearch" }
+    { "source": "/docs/client/wfts", "destination": "/docs/reference/javascript/textSearch" },
+
+    { "source": "/docs/pricing", "destination": "/pricing" }
   ],
   "trailingSlash": false
 }
diff --git a/www/components/UI/FlyOut.tsx b/www/components/UI/FlyOut.tsx
index e85c8dd466b..41dbcfc482a 100644
--- a/www/components/UI/FlyOut.tsx
+++ b/www/components/UI/FlyOut.tsx
@@ -93,7 +93,7 @@ const FlyOut = (props: Props) => {
           <div
             className="fixed inset-0 t-63 transition-opacity bg-red"
             style={{
-              zIndex: 10,
+              zIndex: 100,
               top: '63px',
               marginLeft: 0,
               pointerEvents: 'visiblePainted',
diff --git a/www/styles/index.css b/www/styles/index.css
index 506d5bd97ea..843bf3a43c2 100644
--- a/www/styles/index.css
+++ b/www/styles/index.css
@@ -191,15 +191,16 @@ table .thead--plans th {
   position: sticky;
   border-collapse: separate;
   top: 0;
-  z-index: 999;
+  z-index: 5;
 }
 
 .pricing-table__product-row {
   /* @apply py-4; */
   position: sticky;
   border-collapse: separate;
-  top: 60px;
-  z-index: 999;
+  top: 76px;
+  z-index: 5;
+  
 }
 
 /* th {