<GridLayout class="header" columns="auto, *" rows="auto">
    <StackLayout class="person-text">
        <WrapLayout>
            <Label class="h4" text="{{personDetail.FirstName}} {{personDetail.LastName}}"></Label>
            <Label (tap)="onAddContact()" *ngIf="isAndroidDevice" class="far m-l-5" style="color: #ee8027;"
                   text="&#xf2b9;" verticalAlignment="center"></Label>
        </WrapLayout>

        <WrapLayout>
            <Label [text]="personPhone | phone" [visibility]="personPhone ? 'visible' : 'collapsed'"
                     (tap)="onCreateCall(personDetail.Phone || phoneMain.Value)" class="contact"></Label>
            <Label (tap)="onCreateSms(personDetail.Phone || phoneMain.Value)"
                   [visibility]="personPhone ? 'visible' : 'collapsed'"
                   class="far m-l-5" style="color: #ee8027;" text="&#xf075;"></Label>
       </WrapLayout>
        <Label (tap)="onCreateEmail(personEmail)" [text]="(personEmail)"
               [visibility]="personEmail ? 'visible' : 'collapsed'" class="contact" col="0"></Label>
    </StackLayout>
    <Image [src]="personPhotoResource" [visibility]="personPhotoResource ? 'visible' : 'collapsed'" col="1"
           stretch="aspectFit"></Image>
</GridLayout>
