fix text

src/app/components/family-connect/family-connect.component.html

@@ -32,14 +32,14 @@
     </ion-card>
   </div>
 
-  <div *ngIf="connectStart== 100" >
+  <div *ngIf="connectStart== 100"  style="background-color: aliceblue; border-radius: 10px; padding: 10px;">
 
-    <ion-list [inset]="true">
+    <ion-list [inset]="true" style="padding: 0px; margin: 0px 0px 10px 0px;">
       <ion-list-header>
 
         <ion-label>
-          <ion-icon name="arrow-back-circle-outline" (click)="cancelInvite()" style="font-size: 22px;"></ion-icon>
-          Select to Invite</ion-label>
+          <ion-icon name="arrow-back-circle-outline" (click)="cancelInvite()" size="large" style="font-size: 32px; margin: 5px 5px 0px 0px; color: red;"></ion-icon>
+          <span style="font-size: 20px; font-weight: bolder; color: darkblue;">Select to Invite</span></ion-label>
       </ion-list-header>
       <ion-item [button]="true" detail="false"  *ngFor="let item of familyData; let i = index"  (click)="startInvite(item)">
 <!--        <div class="unread-indicator-wrapper" slot="start">-->
@@ -49,11 +49,11 @@
           <img alt="" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
         </ion-avatar>
         <ion-label>
-          <strong>{{ item.firstname }} {{ item.lastname }}</strong>
+          <strong style="font-size: 14px;">{{ item.firstname }} {{ item.lastname }}</strong>
 <!--          <ion-text>Never Gonna Give You Up</ion-text>-->
           <br />
-          <ion-note color="medium" class="ion-text-wrap">
-           Last seen :  {{ item.last_login }}
+          <ion-note color="medium" class="ion-text-wrap" style="font-size: 10px;">
+           Last seen :  {{ item.last_login | date }}
           </ion-note>
         </ion-label>
         <div class="metadata-end-wrapper" slot="end">