opt-cc/static/src/app/ranks/rank-list/rank-item.component.html

<div class="fade-in list-entry" [ngClass]="{selected : selected}" (click)="select()">

  <div class="row">
    <div class="col-xs-9">
      <span>
        <a>{{rank.name}}</a>
      </span>
      <br>
      <small *ngIf="rank.fraction == 'OPFOR'">CSAT</small>
      <small *ngIf="rank.fraction == 'BLUFOR'">NATO</small>
      <small> - Stufe {{rank.level}}</small>
    </div>

    <div class="col-xs-3">
      <img src="{{imageSrc}}" class="rank-list-preview">
      <span (click)="delete(); $event.stopPropagation()" title="Löschen" class="glyphicon glyphicon-trash trash"></span>
    </div>

  </div>
</div>