DNDTools/src/app/journal/journal-inventory/food-details/food-details.component.html

<div class="details-title">{{ item.name }}</div>

<div class="details-flex-row top-2">
  <div>
    <div class="details-value">{{ item.isReady }}</div>
    <div class="details-label">Verzehrfertig</div>
  </div>

  <div>
    <div class="details-value">{{ item.weight }}</div>
    <div class="details-label">Gewicht</div>
  </div>

  <div>
    <div class="details-value">{{ item.quantity }}</div>
    <div class="details-label">Anzahl</div>
  </div>
</div>

<div class="details-content">{{ item.description }}</div>

<div class="vertical-button-wrapper-3">
  <ui-button
    [type]="'edit'"
    [size]="'xlarge'"
    [color]="'primary'"
    (click)="close('update')"
  ></ui-button>
  <ui-button
    [type]="'delete'"
    [size]="'xlarge'"
    [color]="'primary'"
    (click)="close('delete')"
  ></ui-button>
  <ui-button
    [type]="'cancel'"
    [size]="'xlarge'"
    [color]="'primary'"
    (click)="close('cancel')"
  ></ui-button>
</div>