From 52b76d388ab72802fadcbdc57cc39dc346cf7911 Mon Sep 17 00:00:00 2001
From: dhairyabahl <dhairyabahl5@gmail.com>
Date: Sun, 6 Mar 2022 05:57:10 +0000
Subject: [PATCH] Fixed Login Alert Box

Signed-off-by: dhairyabahl <dhairyabahl5@gmail.com>
---
 src/App.scss | 4 ++++
 src/App.tsx  | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 81582a4..4a32304 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -69,3 +69,7 @@ a:not(.nav-link) {
     color: $text !important;
   }
 }
+
+.homeContainer {
+  padding-top: 20px;
+}
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
index 43abeef..8f3d25b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -91,8 +91,8 @@ export default class App extends React.Component<AppProps, AppState> {
               loggedIn ? (
                 <Outlet/>
               ) : (
-                <div>
-                  <Alert variant="primary">Log in to see this content.</Alert>
+                <div className="homeContainer">
+                  <Alert variant="primary" className="loginAlert">Log in to see this content.</Alert>
                   <Home/>
                 </div>
               )