<div class="flex-row a-i-start">
  <div class="p-l-0 col-xs-12 col-sm-6">
    <h4>{{ name | translate }}</h4>
    <p class="text-muted m-b-8 text-truncate" title="{{ description | translate }}">
      {{ description | translate }}
    </p>
  </div>
  <div class="p-r-0 text-right col-xs-12 col-sm-6">
    <span
      [ngPlural]="deviceCount"
      *ngIf="displayDeviceCount && deviceCount !== undefined && deviceCount !== null"
    >
      <ng-template ngPluralCase="=0">
        <span class="label label-default" translate>No devices selected</span>
      </ng-template>
      <ng-template ngPluralCase="=1">
        <span class="badge badge-info m-r-4">1</span>
        <span translate>device selected</span>
      </ng-template>
      <ng-template ngPluralCase="other">
        <span class="badge badge-info m-r-4">{{ deviceCount }}</span>
        <span translate>devices selected</span>
      </ng-template>
    </span>
  </div>
</div>