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

<div class="content" [innerHTML]="trait?.longDescription"></div>

<div class="vertical-buttons bottom">
  <ui-button
    [color]="'green'"
    [type]="'edit'"
    [width]="'w20'"
    (click)="close('update')"
  >
  </ui-button>
  <ui-button
    [color]="'red'"
    [type]="'delete'"
    [width]="'w20'"
    (click)="close('delete')"
  >
  </ui-button>
</div>
