<div class="skill-box" (click)="openDetails()">
  <input
    type="checkbox"
    class="skill-proficiency-input"
    [(ngModel)]="skillProficiency"
    (change)="updateValue()"
    (click)="$event.stopPropagation()"
  />
  <label class="skill-attribute-name">{{
    skillNames[skillName].attribute
  }}</label>
  <label class="skill-name">{{ skillNames[skillName].skill }}</label>
  <label class="skill-modifier">{{ skillModifier }}</label>
</div>
