From 2519bb137a30d646d093a0d9a7bf2bfa63e4346d Mon Sep 17 00:00:00 2001
From: marktnoonan <mark@cypress.io>
Date: Sun, 23 Feb 2025 14:43:58 -0500
Subject: [PATCH 1/2] move labels outside form

---
 src/components/SignInForm.tsx | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/components/SignInForm.tsx b/src/components/SignInForm.tsx
index 95a99f4e2..bc88eabbe 100644
--- a/src/components/SignInForm.tsx
+++ b/src/components/SignInForm.tsx
@@ -106,6 +106,16 @@ const SignInForm: React.FC<Props> = ({ authService }) => {
         >
           {({ isValid, isSubmitting }) => (
             <Form className={classes.form}>
+              <label
+                style={{
+                  display: "block",
+                  marginBottom: "-10px",
+                  marginTop: "20px",
+                  fontSize: "1.4em",
+                }}
+              >
+                Username
+              </label>
               <Field name="username">
                 {({ field, meta: { error, value, initialValue, touched } }: FieldProps) => (
                   <TextField
@@ -113,7 +123,6 @@ const SignInForm: React.FC<Props> = ({ authService }) => {
                     margin="normal"
                     fullWidth
                     id="username"
-                    label="Username"
                     type="text"
                     autoFocus
                     data-test="signin-username"
@@ -123,13 +132,22 @@ const SignInForm: React.FC<Props> = ({ authService }) => {
                   />
                 )}
               </Field>
+              <label
+                style={{
+                  display: "block",
+                  marginBottom: "-10px",
+                  marginTop: "20px",
+                  fontSize: "1.4em",
+                }}
+              >
+                Password
+              </label>
               <Field name="password">
                 {({ field, meta: { error, value, initialValue, touched } }: FieldProps) => (
                   <TextField
                     variant="outlined"
                     margin="normal"
                     fullWidth
-                    label="Password"
                     type="password"
                     id="password"
                     data-test="signin-password"

From d01e283d96e75af4446a92456fb6f5890bc34273 Mon Sep 17 00:00:00 2001
From: marktnoonan <mark@cypress.io>
Date: Sun, 23 Feb 2025 15:14:08 -0500
Subject: [PATCH 2/2] fix labels in sign-up form

---
 src/components/SignInForm.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/SignInForm.tsx b/src/components/SignInForm.tsx
index bc88eabbe..30a993e37 100644
--- a/src/components/SignInForm.tsx
+++ b/src/components/SignInForm.tsx
@@ -107,6 +107,7 @@ const SignInForm: React.FC<Props> = ({ authService }) => {
           {({ isValid, isSubmitting }) => (
             <Form className={classes.form}>
               <label
+                for="username"
                 style={{
                   display: "block",
                   marginBottom: "-10px",
@@ -133,6 +134,7 @@ const SignInForm: React.FC<Props> = ({ authService }) => {
                 )}
               </Field>
               <label
+                for="password"
                 style={{
                   display: "block",
                   marginBottom: "-10px",