From 0ac0ba1ad1d042553f49977f9f2d22ccd5aef700 Mon Sep 17 00:00:00 2001
From: Priyatham Sai Chand <priyathamsaichand@gmail.com>
Date: Wed, 21 Apr 2021 10:37:13 +0530
Subject: [PATCH] footer ui changes

---
 src/App.css                |  4 +++-
 src/App.js                 |  2 ++
 src/components/Footer.js   |  2 ++
 src/components/MainPage.js |  3 ++-
 src/components/styles.css  |  2 ++
 src/index.css              | 12 +++---------
 6 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/App.css b/src/App.css
index 41e30ee..5da3d01 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,4 +1,6 @@
-
+.App{
+  margin-bottom: 46px;
+}
 .App-logo {
   height: 40vmin;
   pointer-events: none;
diff --git a/src/App.js b/src/App.js
index e5ead4c..87aa3f8 100644
--- a/src/App.js
+++ b/src/App.js
@@ -4,11 +4,13 @@ import {Footer } from '../src/components/Footer'
 import {Header } from '../src/components/Header'
 import {MainPage } from '../src/components/MainPage'
 import 'bootstrap/dist/css/bootstrap.min.css';
+import '../src/components/styles.css';
 
 function App() {
   return (
     <div className="App">
       <MainPage />
+
     </div>
   );
 }
diff --git a/src/components/Footer.js b/src/components/Footer.js
index c400404..acd4d7e 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -9,6 +9,7 @@ export class Footer extends  Component {
 
     render() {
         return(
+<div class="footer">
             <div className="d-flex align-items-center text-center">
                 <div className="footer-text">Copyright © 2019</div>
                 <div className="footer-text">HodlInfo.com</div>
@@ -17,6 +18,7 @@ export class Footer extends  Component {
                     <a href="mailto:support@hodlinfo.com" class="footer-text-link">Support</a>
                 </div>
             </div>
+</div>
         )
     }
 }
\ No newline at end of file
diff --git a/src/components/MainPage.js b/src/components/MainPage.js
index 88f3c89..bf477e5 100644
--- a/src/components/MainPage.js
+++ b/src/components/MainPage.js
@@ -7,6 +7,7 @@ export const MainPage = () => {
     const [isLightTheme, setIsLightTheme ] = useState(false);
     const [countDownTimer, setCountDownTimer] = useState(60);
   useEffect(() => {
+      if(countDownTimer == 0) setCountDownTimer(60);
     countDownTimer > 0 && setTimeout(() => setCountDownTimer(countDownTimer - 1), 1000);
   }, [countDownTimer])
 const onThemeButtonClick = () => {
@@ -133,8 +134,8 @@ const onThemeButtonClick = () => {
                     <img src="BannerFTXNews.png" style={{ width: "100%" }} /></a>
             </div>
             <Footer />
-        </div>
         <div class="d-flex justify-content-center" style={{border:"solid 1px #191d28","background-color":"#191d28",position:"fixed",left:"0","align-items":"center",width:"100vw",height:"47px",bottom:"0","z-index":"8"}}><button class="add-button btn btn-outline-info" style={{display: "block"}}>Add hodlinfo to home screen</button></div>
+        </div>
 
         </React.Fragment>
     )
diff --git a/src/components/styles.css b/src/components/styles.css
index 21d2fd4..095a895 100644
--- a/src/components/styles.css
+++ b/src/components/styles.css
@@ -305,6 +305,8 @@
 }
  .theme-dark .footer {
 	 border-top: 2px solid #2e3241;
+	 color: white;
+	 background-color: #2e3241;
 }
  .theme-dark .header-button {
 	 background-color: #2e3241;
diff --git a/src/index.css b/src/index.css
index 27e1f10..61c231c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,12 +1,6 @@
-* {
-        margin: 0;
-        padding: 0;
-        border: 0;
-        outline: 0;
-        font-size: 100%;
-        vertical-align: baseline;
-        background: transparent;
-    }
+html{
+  margin-top: -16px;
+}
 body {
 
   margin: 0;