2 files changed, 16 insertions, 26 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;
 }