WEB-769 Add text labels to Edit and Delete buttons in Family Members tab

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>