update style

Author: Darkarche3

package-lock.json

@@ -89,9 +89,9 @@ export const Login = () => {
           <label htmlFor="password">Password</label>
           <input type="password" placeholder="Password" id="password" 
             value={password} onChange={(e) => handleInputChange(e)} data-testid="login-password" />
-          <input type="checkbox" id="keepLoggedIn"
+          <input className= "checkbox" type="checkbox" id="keepLoggedIn"
             value={keepLoggedIn} onChange={handleKeepLoggedInChange} />
-          <label htmlFor="keepLoggedIn">Keep me logged in</label>
+          <label className="login" htmlFor="keepLoggedIn">Keep me logged in</label>
           <button onClick={() => AuthenticateUser()} type="submit" id="loginButton" data-testid="login-submit">Log In</button>
           <a href="/signup" className="login" data-testid="link">Want to create a new account?</a>
         </div>

src/pages/Login.js

@@ -142,7 +142,7 @@ export const Signup = () => {
           <input type="password" placeholder="Password" id="password" 
             value={password} onChange={(e) => handleInputChange(e)} data-testid="signup-password"/>
           <label htmlFor="confirmPassword">Confirm Password</label>
-          <input type="password" placeholder="Confirm Password" id="confirmPassword" 
+          <input className="signup" type="password" placeholder="Confirm Password" id="confirmPassword" 
             value={confirmPassword} onChange={(e) => handleInputChange(e)} data-testid="signup-confirmpass"/>
           <button onClick={() => RegisterUser()} type="submit" id="signupButton" data-testid="signup-submit">Sign Up</button>
           <a href="/login" className="signup" data-testid="link">Already have an account?</a>

src/pages/Signup.js

@@ -21,7 +21,7 @@
 
 .words {
   padding-top: 0.5rem;
-  font-size: 10rem;
+  font-size: 8rem;
   padding-left: 70px;
 }
 

src/styles/Hero.css

@@ -39,4 +39,12 @@ button {
 
 a.login {
     color: black;
+}
+
+.checkbox{
+    margin-top: 10px;
+}
+
+.login{
+    margin-bottom: 10px;
 }

src/styles/Login.css

@@ -39,4 +39,8 @@ button {
 
 a.signup {
     color: black;
+}
+
+.signup{
+    margin-bottom: 10px;
 }