From c8dbf789d2ea34d0a5156098f1c9c03f5d01b0a0 Mon Sep 17 00:00:00 2001
From: lucywalt <lucywltrs@gmail.com>
Date: Wed, 2 Apr 2025 14:34:54 -0700
Subject: [PATCH] Updated change password css

---
 frontend/react-app/src/css/ChangePassword.css   | 17 +++++++++++++----
 frontend/react-app/src/pages/ChangePassword.jsx |  2 +-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/frontend/react-app/src/css/ChangePassword.css b/frontend/react-app/src/css/ChangePassword.css
index 9cf84c14..1bae37fe 100644
--- a/frontend/react-app/src/css/ChangePassword.css
+++ b/frontend/react-app/src/css/ChangePassword.css
@@ -16,16 +16,16 @@
     background-color: #2f486d;
 }
 .changePasswordInput{
-    width: 65vw;
+    width: 40vw;
     height: 7vh;
     min-width: 100px;
     max-width: 100%;
     min-height: 30px;
     max-height: 100%;
-    border: 2px solid grey;
+    border: 1.5px solid #2d2644;
     border-radius: 10px;
     padding-left: 8px;
-    background-color: #BFCDE0;
+    background-color: white;
     margin: 10px 0px;
 }
 .formContainer{
@@ -35,7 +35,16 @@
     height: 100%;
     justify-content: center;
     font-family: Arial, Helvetica, sans-serif;
-    background-color: #BFCDE0;
+    background-color: #e6e4f7;
     border: none;
     border-radius: 10px;
+    margin: 3% 0%;
 }
+
+.changeHeader {
+    font-size: 1.5em;
+    font-weight: bold;
+    margin-bottom: 1.5%;
+}
+
+
diff --git a/frontend/react-app/src/pages/ChangePassword.jsx b/frontend/react-app/src/pages/ChangePassword.jsx
index 147db6ae..cf18fbf4 100644
--- a/frontend/react-app/src/pages/ChangePassword.jsx
+++ b/frontend/react-app/src/pages/ChangePassword.jsx
@@ -34,7 +34,7 @@ export default function ChangePassword(){
         <Header/>
         <div className='pageBody'>
             <form onSubmit = {handleSubmit(onSubmit)} className='formContainer'>
-                <div className='headerText1'>
+                <div className='changeHeader'>
                     Change Password
                 </div>