accordion fix

8 files changed, 43 insertions, 39 deletions

diff --git a/admin/src/components/Accordion/Accordion.jsx b/admin/src/components/Accordion/Accordion.jsx
index 4e7c1c1..08c46b1 100644
--- a/admin/src/components/Accordion/Accordion.jsx
+++ b/admin/src/components/Accordion/Accordion.jsx
@@ -18,30 +18,16 @@ const Accordion = ({name, user}) => {
       {isActive && (
         <div className={styles.accordion__content}>
           <div className={styles.accordion__demographic}>
-            <div className={styles.demographic__heading}>
-              <div>Name</div>
-              <div>Gender</div>
-              <div>Date of Birth</div>
-              <div>Mobile Number</div>
-              <div>Email</div>
-              <div>Address</div>
-              <div>Indian Resident</div>
-            </div>
-            <hr />
-            <div className={styles.demographic__content}>
-              <div>{user.name}</div>
-              <div>{user.gender}</div>
-              <div>{user.dob}</div>
-              <div>{user.mobile}</div>
-              <div>{user.email}</div>
-              <div>
-                {user.address.houseNo},{user.address.street},
+              <div><span>Name</span> <hr/> {user.name}</div>
+              <div><span>Gender</span> <hr/> {user.gender}</div>
+              <div><span>Date of Birth</span> <hr/> {user.dob}</div>
+              <div><span>Mobile Number</span> <hr/> {user.mobile}</div>
+              <div><span>Email</span> <hr/> {user.email}</div>
+              <div><span>Address</span> <hr/> {user.address.houseNo},{user.address.street},
                 {user.address.locality},{user.address.landmark},
                 {user.address.village},{user.address.district.name},
-                {user.address.state.name},{user.address.pincode}
-              </div>
-              <div>Indian Resident : {user.indianResident ? 'Yes' : 'No'}</div>
-            </div>
+                {user.address.state.name},{user.address.pincode}</div>
+              <div><span>Indian Resident</span> <hr/> {user.indianResident ? 'Yes' : 'No'}</div>
           </div>
           <div className={styles.accordion__biometric}>
             <img
@@ -53,6 +39,7 @@ const Accordion = ({name, user}) => {
             <Button
               sx={{margin: '10px 0px', padding: '20px'}}
               variant='contained'
+              onClick={() => {}}
             >
               Documents
             </Button>
diff --git a/admin/src/components/Accordion/Accordion.module.css b/admin/src/components/Accordion/Accordion.module.css
index 70bee92..2745cb4 100644
--- a/admin/src/components/Accordion/Accordion.module.css
+++ b/admin/src/components/Accordion/Accordion.module.css
@@ -33,6 +33,7 @@
 
 .accordion__demographic {
   display: flex;
+  flex-direction: column;
   width: 60%;
   background-color: #ecf0f1;
   border-radius: 10px;
@@ -50,8 +51,10 @@
   border-radius: 6px;
 }
 
-.demographic__heading div,
-.demographic__content div {
-  margin: 20px 0px;
-  font-size: var(--font-medium-s);
+.accordion__demographic div {
+  margin: 6px;
+}
+
+.accordion__demographic div span {
+  font-weight: 700;
 }
diff --git a/admin/src/components/Header/Header.jsx b/admin/src/components/Header/Header.jsx
index d90aafe..a6e8523 100644
--- a/admin/src/components/Header/Header.jsx
+++ b/admin/src/components/Header/Header.jsx
@@ -4,7 +4,7 @@ import styles from './Header.module.css'
 const Header = ({ subheading }) => {
   return (
     <header className={styles.header}>
-      <h1 className={styles.header__heading}>AADHAAR</h1>
+      <img src={`${process.env.PUBLIC_URL}/favicon.ico`} className={styles.header__image}/>
       <h3 className={styles.header__subheading}>{subheading}</h3>
     </header>
   )
diff --git a/admin/src/components/Header/Header.module.css b/admin/src/components/Header/Header.module.css
index 8e6084f..c67df95 100644
--- a/admin/src/components/Header/Header.module.css
+++ b/admin/src/components/Header/Header.module.css
@@ -9,12 +9,12 @@
   padding: 20px;
 }
 
-.header__heading {
-  font-size: var(--font-large);
-  font-weight: 400;
-}
-
 .header__subheading {
   font-size: var(--font-medium);
   font-weight: 400;
 }
+
+.header__image {
+  width: 150px;
+  height: 150px;
+}
diff --git a/admin/src/pages/EnrollmentRequests/EnrollmentRequests.jsx b/admin/src/pages/EnrollmentRequests/EnrollmentRequests.jsx
index 8423fc0..22eb2c9 100644
--- a/admin/src/pages/EnrollmentRequests/EnrollmentRequests.jsx
+++ b/admin/src/pages/EnrollmentRequests/EnrollmentRequests.jsx
@@ -32,8 +32,8 @@ const EnrollmentRequests = () => {
     <div className={styles.unverified_users}>
       <Header subheading='Admin' />
       <BackButton onClick={() => navigate('/')} />
-      <h1 className={styles.unverified_users__heading}>Unverified Users</h1>
-      <div className='accordion'>
+      <h1 className={styles.unverified_users__heading}>Enrollment Requests</h1>
+      <div className={styles.accordion}>
         {data?.data.length !== 0 ? (
           data?.data.map((item) => (
             <div className={styles.unverified_users__accordion} key={item._id}>
diff --git a/admin/src/pages/EnrollmentRequests/EnrollmentRequests.module.css b/admin/src/pages/EnrollmentRequests/EnrollmentRequests.module.css
index 652fe52..8100a67 100644
--- a/admin/src/pages/EnrollmentRequests/EnrollmentRequests.module.css
+++ b/admin/src/pages/EnrollmentRequests/EnrollmentRequests.module.css
@@ -1,13 +1,20 @@
 .unverified_users {
   display: flex;
   flex-direction: column;
-  justify-content: center;
+  align-items: center;
 }
 
 .unverified_users__heading {
   text-align: center;
 }
 
+.accordion {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
 .unverified_users__accordion {
   display: flex;
   justify-content: center;
diff --git a/admin/src/pages/UpdateRequests/UpdateRequests.jsx b/admin/src/pages/UpdateRequests/UpdateRequests.jsx
index 174dbdc..07b3579 100644
--- a/admin/src/pages/UpdateRequests/UpdateRequests.jsx
+++ b/admin/src/pages/UpdateRequests/UpdateRequests.jsx
@@ -43,8 +43,8 @@ const UpdateRequests = () => {
     <div className={styles.unverified_users}>
       <Header subheading='Admin' />
       <BackButton onClick={() => navigate('/')} />
-      <h1 className={styles.unverified_users__heading}>Unverified Users</h1>
-      <div className='accordion'>
+      <h1 className={styles.unverified_users__heading}>Update Requests</h1>
+      <div className={styles.accordion}>
         {data?.data.length !== 0 ? (
           data?.data.map((item) => (
             <div className={styles.unverified_users__accordion} key={item._id}>
diff --git a/admin/src/pages/UpdateRequests/UpdateRequests.module.css b/admin/src/pages/UpdateRequests/UpdateRequests.module.css
index 652fe52..59a1b08 100644
--- a/admin/src/pages/UpdateRequests/UpdateRequests.module.css
+++ b/admin/src/pages/UpdateRequests/UpdateRequests.module.css
@@ -1,13 +1,20 @@
 .unverified_users {
   display: flex;
-  flex-direction: column;
-  justify-content: center;
+  flex-direction: column; 
+  align-items: center;
 }
 
 .unverified_users__heading {
   text-align: center;
 }
 
+.accordion {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
 .unverified_users__accordion {
   display: flex;
   justify-content: center;