<section style="cursor: pointer">
    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
        <div class="row">
            <span class="state-style">   {{locDets.state}}</span>
            <span class="city-style">{{locDets.city}}</span>
        </div>
        <div class="row">
            <span class="address-style">{{locDets.address}}</span>
        </div>
    </div>
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 iconClick">
        <div class="pull-left" *ngIf="otIcons">
            <mat-icon (click)="deleteLocation(locDets.locationId, locDets)">delete</mat-icon>
            <mat-icon (click)="editLocation(locDets.locationId, locDets)"> edit</mat-icon>
        </div>
        <div class="pull-left iconClick" (click)="showLocOtherIcons(locDets.locationId)" *ngIf="!otIcons">
            <mat-icon>
                more_vert
            </mat-icon>
        </div>
    </div>

</section>
<!-- <pre> {{ tileData | json }}</pre> -->