DNDTools/src/app/journal/journal-stats/life-container/life/life-details/life-details.component.html

<div class="details-title">Trefferpunkte</div>

<div class="life-container">
  <div class="life-box">
    <input type="number" class="life-input" [(ngModel)]="maxHitPoints" />
    <div for="" class="life-label">Maximale Trefferpunkte</div>
  </div>

  <div class="life-box">
    <input
      type="number"
      class="life-input"
      [(ngModel)]="currentHitPoints"
      (change)="checkValidity()"
    />
    <div for="" class="life-label">Momentane Trefferpunkte</div>
  </div>
  <div class="life-box">
    <input type="number" class="life-input" [(ngModel)]="temporaryHitPoints" />
    <div for="" class="life-label">Temporäre Trefferpunkte</div>
  </div>
</div>
<hit-dice (setHitDice)="setHitDice($event)"></hit-dice>

<div class="vertical-button-wrapper-2">
  <ui-button
    [type]="'apply'"
    [size]="'xlarge'"
    [color]="'primary'"
    (click)="close('update')"
  ></ui-button>
  <ui-button
    [type]="'dismiss'"
    [size]="'xlarge'"
    [color]="'primary'"
    (click)="close('dismiss')"
  ></ui-button>
</div>