daggerheart/templates/ui/chat/parts/target-part.hbs

<div class="roll-part target-section dice-roll" data-action="expandRoll">
    <div class="roll-part-header"><div><span>Target</span></div></div>
    <div class="roll-part-extra on-reduced">
        <div class="wrapper">
            <div class="target-hit-status">2 Hits</div>
            <div class="target-hit-status is-miss">2 Miss</div>
        </div>
    </div>
    <div class="roll-part-content dice-result">
        <div class="dice-tooltip">
            <div class="wrapper">
                <div class="target-selector">
                    <div class="roll-part-header"><div></div></div>
                    <div class="target-choice"><div class="target-selected">Hit</div><div>Current</div></div>
                    <div class="roll-part-header"><div></div></div>
                </div>
                <div class="roll-part-extra">Reaction Roll All Targets<i class="fa-solid fa-shield fa-lg"></i></div>
                <div class="roll-target">
                    <img class="target-img" src="images/goliath_ranger.jpg">
                    <div class="target-data">
                        <div class="target-name">Archer Squadron</div>
                        <div class="target-hit-status is-hit">Hit</div>
                    </div>
                    <i class="fa-solid fa-shield fa-lg"></i>
                </div>
                <div class="roll-target">
                    <img class="target-img" src="images/goliath_ranger.jpg">
                    <div class="target-data">
                        <div class="target-name">Conscript</div>
                        <div class="target-hit-status is-miss">Miss</div>
                    </div>
                    <i class="fa-solid fa-shield fa-lg"></i>
                </div>
                <div class="roll-target">
                    <img class="target-img" src="images/goliath_ranger.jpg">
                    <div class="target-data">
                        <div class="target-name">Elite Soldier</div>
                        <div class="target-hit-status is-hit">Hit</div>
                    </div>
                    <i class="fa-solid fa-shield fa-lg"></i>
                </div>
                <div class="roll-target">
                    <img class="target-img" src="images/goliath_ranger.jpg">
                    <div class="target-data">
                        <div class="target-name">Knight of the Realm</div>
                        <div class="target-hit-status is-miss">Miss</div>
                    </div>
                    <i class="fa-solid fa-shield fa-lg"></i>
                </div>
            </div>
        </div>
    </div>
</div>