DNDTools/src/app/journal/journal-stats/info-row/death-save/death-save.component.html

<div class="death-save-container" (click)="openDetails()">
  <div style="margin: 0.625rem 0 0 0.4rem">
    <div class="save-row">
      <div class="save-label">{{ "deathSave.success" | translate }}</div>
      <div class="save-checkbox" (click)="$event.stopPropagation()">
        <input
          type="checkbox"
          [(ngModel)]="deathSaveSucc1"
          (change)="updateValue()"
        />
        <input
          type="checkbox"
          [(ngModel)]="deathSaveSucc2"
          (change)="updateValue()"
        />
        <input
          type="checkbox"
          [(ngModel)]="deathSaveSucc3"
          (change)="updateValue()"
        />
      </div>
    </div>
    <div class="save-row">
      <div class="save-label">{{ "deathSave.fail" | translate }}</div>
      <div class="save-checkbox fail" (click)="$event.stopPropagation()">
        <input
          type="checkbox"
          [(ngModel)]="deathSaveFail1"
          (change)="updateValue()"
        />
        <input
          type="checkbox"
          [(ngModel)]="deathSaveFail2"
          (change)="updateValue()"
        />
        <input
          type="checkbox"
          [(ngModel)]="deathSaveFail3"
          (change)="updateValue()"
        />
      </div>
    </div>
  </div>
  <div class="death-save">{{ "deathSave.label" | translate }}</div>
</div>