From 90b3e8add1f5d1b34c080517aec21d22c138583d Mon Sep 17 00:00:00 2001
From: Parker <contact@pkrm.dev>
Date: Wed, 18 Dec 2024 18:23:30 -0600
Subject: [PATCH] Correct font/box sizes for auth

---
 app/src/components/Signup.tsx  | 4 ++--
 app/src/styles/Auth.module.css | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/src/components/Signup.tsx b/app/src/components/Signup.tsx
index 0822c46..300f189 100644
--- a/app/src/components/Signup.tsx
+++ b/app/src/components/Signup.tsx
@@ -66,9 +66,9 @@ function Signup() {
       <Navbar />
       <div className={styles.container}>
         <h1>Create Account</h1>
-        <h2 className={error ? styles.errorVisible : styles.errorHidden}>
+        <p className={error ? styles.errorVisible : styles.errorHidden}>
           {error}
-        </h2>
+        </p>
         <hr></hr>
         <form onSubmit={handleSubmit}>
           <input
diff --git a/app/src/styles/Auth.module.css b/app/src/styles/Auth.module.css
index 841665a..bd8059c 100644
--- a/app/src/styles/Auth.module.css
+++ b/app/src/styles/Auth.module.css
@@ -8,7 +8,7 @@ body {
 .container {
   font-size: 17px;
   position: absolute;
-  max-width: 500px;
+  width: 400px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
@@ -27,7 +27,8 @@ h1 {
 .authInput {
   display: block;
   margin: 10px auto;
-  width: 300px;
+  width: 100%;
+  box-sizing: border-box;
   border-radius: 5px;
   padding: 15px;
   font-size: 17px;
@@ -62,6 +63,8 @@ button:active {
   visibility: visible;
   color: #ee6161;
   font-weight: 600;
+  word-wrap: break-word;
+  width: 100%;
 }
 
 .errorHidden {