<!-- <div class='form-group row' *ngIf="showSkill">
    <label class='label col-sm-3 form-control-label MD2text g-font-size-30'>
        {{mob.combatSkill.skillRoll}} <md2-icon icon="enemySkill" size="md"></md2-icon>
    </label>
    <div class='col-sm' [innerHtml]="mob.combatSkill.description"></div>
</div> -->
<div *ngIf="showBlackDice" class="row">
    <!-- <md2-icon></md2-icon> -->
    <div class="col-md-4">
        <md2-icon icon="enemySkill" size="lg"></md2-icon>
    </div>
    <div class="col-md-8">
        <span class="MD2Icon Black dice g-font-size-50">
            <span class="MD2text blackDiceAmount">x{{mob.minionAmount}}</span>
        </span>
    </div>
</div>
<div class='form-group'>
    <!-- <label for='' class='MD2text g-font-size-22 label mb-2'>
        <md2-icon icon="blackDice" size="lg"></md2-icon> {{skillTriggerHtml}} <md2-icon icon="enemySkill" size="md">
        </md2-icon>
    </label> -->
    <ng-container *ngFor="let skill of mob.skills">
        <div *ngIf="skill.uiDisplay" class=" g-brd-bottom--dashed g-brd-gray-light-v2">
            <label for='' class='MD2text g-font-size-22 label mb-2'>
                {{MobSkillType[skill.type]}} {{skill.skillRoll}} <md2-icon icon="enemySkill" size="md"></md2-icon>
            </label>
            <div class='g-font-size-20 skillDesc MD2text' [innerHtml]="skill.description"></div>
        </div>
    </ng-container>
</div>