refactors style a bit and updates snaps

src/components/Login.jsx

@@ -13,7 +13,7 @@ export default function Login({ login }) {
 
 	return (
 		<div className="login-wrapper">
-			<h1>Please Log In</h1>
+			<h2>Please Log In</h2>
 			<form onSubmit={handleSubmit}>
 				<label>
 					<p>Username</p>

src/components/Register.jsx

@@ -14,7 +14,7 @@ export default function Register({ register }) {
 
 	return (
 		<div className="register-wrapper">
-			<h1>Enter your data to register.</h1>
+			<h2>Enter your data to register.</h2>
 			<form onSubmit={handleSubmit}>
 				<label>
 					<p>Username</p>

src/components/UnauthenticatedApp.scss

@@ -1,13 +1,28 @@
 @use '../common_styles/colours';
 @use '../common_styles/typography';
 
-.unauthenticated-app button {
+.unauthenticated-app {
+	button {
 		background-color: colours.$accent-color;
 		border: 0;
 		color: colours.$inverted-text-color;
 		font: typography.$stack;
 		margin: 10px;
 		padding: 10px 15px;
+	}
+	.register-wrapper,
+	.login-wrapper {
+		padding: 1em;
+		margin: 1em;
+		label {
+			display: block;
+			margin: 1em auto;
+		}
+		input {
+			margin-top: 0;
+			margin-bottom: 1rem;
+		}
+	}
 }
 
 .unauthenticated-app .choose-register {

src/components/__snapshots__/Login-snapshot.test.jsx.snap

@@ -4,9 +4,9 @@ exports[`Login Snapshot 1`] = `
 <div
   className="login-wrapper"
 >
-  <h1>
+  <h2>
     Please Log In
-  </h1>
+  </h2>
   <form
     onSubmit={[Function]}
   >

src/components/__snapshots__/Register-snapshot.test.jsx.snap

@@ -4,9 +4,9 @@ exports[`Register Snapshot 1`] = `
 <div
   className="register-wrapper"
 >
-  <h1>
+  <h2>
     Enter your data to register.
-  </h1>
+  </h2>
   <form
     onSubmit={[Function]}
   >

src/components/__snapshots__/UnauthenticatedApp-snapshot.test.jsx.snap

@@ -25,9 +25,9 @@ exports[`UnauthenticatedApp Snapshot 1`] = `
   <div
     className="login-wrapper"
   >
-    <h1>
+    <h2>
       Please Log In
-    </h1>
+    </h2>
     <form
       onSubmit={[Function]}
     >