From 6a69a1c1bfe62467439ce6ac5e86a03509475d80 Mon Sep 17 00:00:00 2001
From: Frank Johnson <frankjohnson1993@gmail.com>
Date: Sat, 11 Sep 2021 21:19:34 -0400
Subject: [PATCH] Updated styles on Pwd Recovery page

---
 app/web/src/layouts/MainLayout/MainLayout.js              | 4 ++--
 .../src/pages/AccountRecoveryPage/AccountRecoveryPage.js  | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/web/src/layouts/MainLayout/MainLayout.js b/app/web/src/layouts/MainLayout/MainLayout.js
index edf5d30..d0617fd 100644
--- a/app/web/src/layouts/MainLayout/MainLayout.js
+++ b/app/web/src/layouts/MainLayout/MainLayout.js
@@ -91,7 +91,7 @@ const MainLayout = ({ children, shouldRemoveFooterInIde }) => {
     }
   }, [hash, client])
   return (
-    <div>
+    <div className="min-h-screen flex flex-col">
       <header id="cadhub-main-header">
         <nav className="flex justify-between h-16 px-4 bg-ch-gray-900">
           <ul className="flex items-center">
@@ -197,7 +197,7 @@ const MainLayout = ({ children, shouldRemoveFooterInIde }) => {
         open={isLoginModalOpen}
         onClose={() => setIsLoginModalOpen(false)}
       />
-      <main>{children}</main>
+      <main className="flex-grow bg-ch-gray-800">{children}</main>
       {!shouldRemoveFooterInIde && <Footer />}
     </div>
   )
diff --git a/app/web/src/pages/AccountRecoveryPage/AccountRecoveryPage.js b/app/web/src/pages/AccountRecoveryPage/AccountRecoveryPage.js
index b585671..20344b3 100644
--- a/app/web/src/pages/AccountRecoveryPage/AccountRecoveryPage.js
+++ b/app/web/src/pages/AccountRecoveryPage/AccountRecoveryPage.js
@@ -31,14 +31,14 @@ const AccountRecoveryPage = () => {
       />
 
       <section className="max-w-md mx-auto mt-20">
-        <h2 className="text-xl text-indigo-500 pb-4">Send recovery email</h2>
+        <h2 className="text-xl text-ch-gray-300 pb-4">Send recovery email</h2>
         <Form onSubmit={onSubmit}>
           <div
             className="grid items-center gap-2"
             style={{ gridTemplateColumns: 'auto 1fr' }}
           >
-            <span className="capitalize text-gray-500 text-sm align-middle my-3">
-              email:
+            <span className="capitalize text-ch-gray-300 text-sm">
+              email
             </span>
             <InputTextForm
               className="text-xl"
@@ -52,7 +52,7 @@ const AccountRecoveryPage = () => {
               }}
             />
           </div>
-          <Submit className="bg-indigo-200 text-indigo-800 p-2 px-4 shadow hover:shadow-lg mt-4 rounded">
+          <Submit className="mt-4 bg-ch-purple-400 bg-opacity-50 hover:bg-opacity-80 text-ch-gray-300 flex bg-gray-200 h-10 flex-shrink-0 justify-center items-center px-4 rounded">
             Send email
           </Submit>
         </Form>