Merge branch 'dev' of github.com:rubydevi/jetlogix-frontend into f/unit-test

Author: rubydevi

src/components/Navigation.js

@@ -53,7 +53,7 @@ const Navigation = () => {
 
       <div className="d-none d-md-block">
         <div
-          className={`position-absolute top-0 start-0 vh-100 bg-light border-end d-flex flex-column ${
+          className={`position-fixed top-0 start-0 vh-100 bg-light border-end d-flex flex-column ${
             isOpen && isMobile ? 'w-50' : 'w-0'
           }`}
           id="sidebar-wrapper"

src/components/Register.js

@@ -139,7 +139,7 @@ const Register = () => {
           >
             {errMsg}
           </p>
-          <h1>Register</h1>
+          <h3>Register</h3>
           <form onSubmit={handleSubmit}>
             <label htmlFor="username">
               Username:

src/components/styledcomponents/CenterContainer.js

@@ -6,6 +6,7 @@ const CenteredDiv = styled.div`
   align-items: center;
   margin-top: 20px;
   margin-left: 20%;
+  padding-top: 12px;
   @media (max-width: 768px) {
     margin-left: 0;
     margin-top: 0;

src/components/styledcomponents/LoginStyle.js

@@ -4,7 +4,7 @@ import plane from '../../assets/golfstreamnew.png';
 const LoginStyle = styled.div`
   display: flex;
   justify-content: center;
-  align-items: center;
+  align-items: start;
   background-image: url(${plane});
   background-size: cover;
   background-repeat: no-repeat;

src/index.css

@@ -42,14 +42,13 @@ html {
 }
 
 section {
-  margin-top: 40px;
   width: 100%;
   max-width: 420px;
   min-height: 400px;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
-  padding: 1rem;
+  padding: 0 1rem;
 }
 
 .login-register-style {