kopparhavet/templates/parts/actor/ship-combat.html

<div class="bio-tab border scroll-y" style="height: 100%; border-top: none;">
    <div class="grid-container" style="height: fit-content; border-top: none; grid-template-rows: 1fr auto; grid-template-columns: 1fr 1fr;">
        <div class="border grid-container" style="grid-column-gap: 5px; grid-template-columns: auto 1fr; max-height: 163px; height: fit-content;">
            <label style="margin-top: auto; margin-bottom: auto;">{{localize data.data.rammingdmg.label}}:</label>
            <input style="text-align: center;" name="data.rammingdmg.value" type="text" value="{{data.data.rammingdmg.value}}" placeholder="{{localize data.data.rammingdmg.label}}" />
        </div>


        <div class="spells border">
            <ul class="items">
                <li class="items-header flexrow">
                    <div class="header-name">{{localize "SHIP.ARMAMENT"}}</div>
                    <div>{{localize "ITEM.DAMAGE"}}</div>
                    <div></div>
                </li>
                <ul class="items-list">
                    {{#each actor.shipweapons as |item id|}}
                    <li class="item-weapon flexrow" data-item-id="{{item._id}}" data-ability="{{item.data.skill.value}}">
                        <div class="item-name">{{item.name}}</div>
                        <div class="skill-roll">
                            <div class="roll-button">
                                <div class="roll-damage rollable">{{item.data.damage.value}}</div>
                            </div>
                        </div>
                        <div class="item-controls">
                            <a class="item-control item-edit" data-parent=".item-weapon" title="Edit Item"><i class="fas fa-edit"></i></a>
                            <a class="item-control item-delete" data-parent=".item-weapon" title="Delete Item"><i class="fas fa-trash"></i></a>
                        </div>
                    </li>
                    {{/each}}
                </ul>
            </ul>
        </div>
    </div>
</div>