<div class="details-name">{{ trait?.name }}</div>

<div class="details-long-description">{{ trait?.longDescription }}</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>
