<ion-card class="compact">
  <ion-card-header>
    <stapps-data-list-item
      [item]="item"
      (click)="showMore()"
    ></stapps-data-list-item>
    <stapps-skeleton-list-item *ngIf="!item"></stapps-skeleton-list-item>
  </ion-card-header>
  <ion-card-content>
    <ion-grid>
      <ion-row>
        <ion-col size="7">
          <ion-note>
            <span *ngIf="item.address as address">
              <span *ngIf="item.inPlace">{{ item.inPlace.name }},</span>
              {{ address.streetAddress }}, {{ address.addressLocality }}
            </span>
          </ion-note>
        </ion-col>
        <ion-col size="5">
          <ion-button size="small" (click)="showMore()"
            >More&nbsp;<ion-icon name="information-circle"></ion-icon
          ></ion-button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-card-content>
</ion-card>
