From 21e31da33206801ff060d69fcf8822d6d7d0fdb4 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Tue, 24 Oct 2023 20:34:40 -0400
Subject: [PATCH] family wallets

---
 .../pages/familymember/familymember.page.html | 43 +++++++++++++------
 .../pages/familymember/familymember.page.scss |  8 +++-
 src/app/pages/home/home.page.scss             |  2 +-
 3 files changed, 38 insertions(+), 15 deletions(-)

diff --git a/src/app/pages/familymember/familymember.page.html b/src/app/pages/familymember/familymember.page.html
index 395372e..f8fc482 100644
--- a/src/app/pages/familymember/familymember.page.html
+++ b/src/app/pages/familymember/familymember.page.html
@@ -77,20 +77,37 @@
     </div>
 
     <div *ngIf="tabs =='lesson'" class="lesson">
-        <div class="video" *ngFor="let item of familyMemberWalletData"  (click)="jobActive(item)">
-            <div class="left">
-                <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/task-list.svg)'"></div>
+        <div class="video" *ngFor="let item of familyMemberWalletData" >
+
+            <ion-grid class="wallet-tools">
+                <ion-row>
+                    <ion-col>
+                        <div class="left">
+                            <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/task-list.svg)'"></div>
+                            <div class="text">
+                                <ion-label class="bold_text"> {{item.amount*0.01 | number : '1.2-2'}} {{item.description}}</ion-label>
+                            </div>
+                        </div>
+
+                    </ion-col>
+                </ion-row>
+                <ion-row>
+                    <ion-col>
+                        <ion-toolbar>
+                            <ion-buttons slot="end">
+                                <ion-button size="small" fill="solid" color="secondary" shape="round">
+                                    Add Fund
+                                    <ion-icon name="chevron-forward-circle-outline"></ion-icon>
+                                </ion-button>
+                                <ion-button size="small" fill="solid" shape="round">Plans
+                                    <ion-icon name="chevron-forward-circle-outline"></ion-icon>
+                                </ion-button>
+                            </ion-buttons>
+                        </ion-toolbar>
+                    </ion-col>
+                </ion-row>
+            </ion-grid>
 
-                <div class="text">
-                    <ion-label class="bold_text"> {{item.amount*0.01 | number : '1.2-2'}} {{item.description}}</ion-label>
-<!--                    <ion-label class="grey_text">{{item.job_description}}</ion-label>-->
-<!--                    <ion-label class="price_line">{{item.contract}}   {{item.price*0.01}} {{item.currency}}  </ion-label>-->
-<!--                    <ion-label class="due_date">Due Date: {{item.delivery_date |date}}</ion-label>-->
-                </div>
-            </div>
-            <div class="right">
-                <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
-            </div>
         </div>
     </div>
 
diff --git a/src/app/pages/familymember/familymember.page.scss b/src/app/pages/familymember/familymember.page.scss
index a1ea7ce..65d0337 100644
--- a/src/app/pages/familymember/familymember.page.scss
+++ b/src/app/pages/familymember/familymember.page.scss
@@ -161,9 +161,15 @@ ion-content {
         width: 40px;
         border-radius: 100%;
       }
-
+.wallet-tools{
+  background-color: white;
+    ion-toolbar{
+    --ion-background-color: white;
+  }
+}
       .text {
         margin-left: 10px;
+        width: 100%;
       }
 
       .bold_text {
diff --git a/src/app/pages/home/home.page.scss b/src/app/pages/home/home.page.scss
index 1cd86e0..887df7e 100644
--- a/src/app/pages/home/home.page.scss
+++ b/src/app/pages/home/home.page.scss
@@ -43,7 +43,7 @@ ion-header {
   border-radius: 10px;
   ion-buttons{
     ion-button{
-      font-size: 14px;
+      font-size: 12px;
     }
   }
 }