From e505f99699f35bc6bef031263d4c82bc6be93f1e Mon Sep 17 00:00:00 2001
From: JaySoni1 <jaygsoni14@gmail.com>
Date: Sat, 21 Feb 2026 17:33:12 +0530
Subject: [PATCH] WEB-769 Add text labels to Edit and Delete buttons in Family
 Members tab

---
 .../family-members-tab.component.html           | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/app/clients/clients-view/family-members-tab/family-members-tab.component.html b/src/app/clients/clients-view/family-members-tab/family-members-tab.component.html
index 280d5cf11..18b2dc35a 100644
--- a/src/app/clients/clients-view/family-members-tab/family-members-tab.component.html
+++ b/src/app/clients/clients-view/family-members-tab/family-members-tab.component.html
@@ -14,7 +14,7 @@
       </div>
       <div class="action-button m-b-10 gap-25px">
         <button mat-raised-button color="primary" [routerLink]="['./add']">
-          <fa-icon icon="plus" class="m-r-10"></fa-icon>{{ 'labels.buttons.Add' | translate }}
+          <fa-icon icon="plus" class="m-r-10" aria-hidden="true"></fa-icon>{{ 'labels.buttons.Add' | translate }}
         </button>
       </div>
     </div>
@@ -32,15 +32,22 @@
           </mat-expansion-panel-header>
           <mat-divider [inset]="true"></mat-divider>
           <div class="family-member-actions layout-row align-end">
-            <button mat-button color="primary">
-              <fa-icon icon="edit" [routerLink]="[member.id, 'edit']"></fa-icon>
+            <button
+              mat-raised-button
+              color="primary"
+              [routerLink]="[member.id, 'edit']"
+              [title]="'labels.buttons.Edit' | translate"
+            >
+              <fa-icon icon="edit" class="m-r-10" aria-hidden="true"></fa-icon>{{ 'labels.buttons.Edit' | translate }}
             </button>
             <button
-              mat-button
+              mat-raised-button
               color="warn"
               (click)="deleteFamilyMember(member.clientId, member.id, member.firstName, i)"
+              [title]="'labels.buttons.Delete' | translate"
             >
-              <fa-icon icon="trash"></fa-icon>
+              <fa-icon icon="trash" class="m-r-10" aria-hidden="true"></fa-icon
+              >{{ 'labels.buttons.Delete' | translate }}
             </button>
           </div>
           <p>