<div class="info-container" (click)="openDetails()">
  <input
    type="number"
    class="info-input"
    [(ngModel)]="armorClass"
    (change)="updateValue()"
    (click)="$event.stopPropagation()"
  />
  <div class="info-label responsive-small">
    {{ "armorClass.shortLabel" | translate }}
  </div>
  <div class="info-label responsive-large">
    {{ "armorClass.label" | translate }}
  </div>
</div>
