Fixed Hjältarnas Tid skill error, updated layout, fixed buttons not working

templates/dice/roll.html

@@ -5,12 +5,12 @@
         <div class="roll">
             <div class="dice-roll">
                 {{#if closed}}
-                <div>
+                <div style="margin: auto;">
                     {{localize "ROLL.CLOSED"}}: {{closed}}
                 </div>
                 {{/if}}
                 {{#if opened}}
-                <div>
+                <div style="margin: auto;">
                     {{localize "ROLL.OPENED"}}: {{opened}}
                 </div>
                 {{/if}}

templates/parts/actor/combat.html

@@ -2,16 +2,16 @@
     <div class="combat border">
         <ul class="items">
             <ul class="items-list">
-                <li class="item flexrow">
+                <li class="item-nor flexrow">
                     <div class="item-name" style="flex-grow: 8;">{{localize "MOD.INIT"}}</div>
                     <div class="item-value" style="flex: none;"><input name="data.combat.init" class="skill-value" type="number" value="{{data.combat.init}}" data-dtype="Number" /></div>
                 </li>
 
-                <li class="item flexrow">
+                <li class="item-nor flexrow">
                     <div class="item-name roll-defence rollable" data-defence="{{data.combat.defence}}" style="flex-grow: 8;">{{localize "ADVERSARY.DEFENCE"}}</div>
                     <div class="item-value" style="flex: none;"><input name="data.combat.defence" class="skill-value" type="text" value="{{data.combat.defence}}" /></div>
                 </li>
-                <li class="item flexrow">
+                <li class="item-nor flexrow">
                     <div class="item-name" style="flex-grow: 8;">{{localize "ADVERSARY.HASHELMET"}}</div>
                     <div style="align-self: flex-end">
                         <a style="margin: auto;" class="adversary-helmet-click {{#if data.combat.helmet}}active{{/if}}">
@@ -20,7 +20,7 @@
                     </div>
                 </li>
 
-                <li class="item flexrow">
+                <li class="item-nor flexrow">
                     <div class="item-name roll-adversary-armor rollable" data-armor="{{data.combat.armor}}" style="flex-grow: 8;">{{localize "ITEM.DEFENCE"}}</div>
                     <div class="item-value" style="flex: none;"><input name="data.combat.armor" class="skill-value" type="text" value="{{data.combat.armor}}" /></div>
                 </li>
@@ -33,7 +33,7 @@
         <ul class="items">
             <ul class="items-list">
                 {{#each actor.skills as |skill key|}}
-                <li class="item flexrow" data-item-id="{{skill._id}}">
+                <li class="item-skill flexrow" data-item-id="{{skill._id}}">
                     <div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
                     <div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
                 </li>
@@ -52,7 +52,7 @@
 
             <ul class="items-list">
                 {{#each actor.attacks as |item key|}}
-                <li class="item flexrow" data-item-id="{{item._id}}" data-ability="{{item.data.skill.value}}">
+                <li class="item-attack 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">
@@ -61,12 +61,12 @@
                     </div>
                     <div class="skill-roll">
                         <div class="roll-button">
-                            <div class="roll-damage rollable">{{item.data.damage.value}}</div>
+                            <div class="roll-attack-damage rollable">{{item.data.damage.value}}</div>
                         </div>
                     </div>
                     <div class="item-controls">
-                        <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
-                        <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+                        <a class="item-control item-attack-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
+                        <a class="item-control item-attack-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
                     </div>
                 </li>
                 {{/each}}

templates/parts/actor/gear.html

@@ -40,8 +40,8 @@
                         </div>
                     </div>
                     <div class="item-controls">
-                        <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
-                        <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+                        <a class="item-control item-weapon-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
+                        <a class="item-control item-weapon-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
                     </div>
                 </li>
                 {{/each}}

templates/parts/actor/ht-combat.html

@@ -2,17 +2,17 @@
     <div class="combat border">
         <ul class="items">
             <ul class="items-list">
-                <li class="item flexrow">
+                <li class="item-nor flexrow">
                     <div class="item-name" style="flex-grow: 8;">{{localize "MOD.INIT"}}</div>
                     <div class="item-value" style="flex: none;"><input name="data.combat.init" class="skill-value" type="number" value="{{data.combat.init}}" data-dtype="Number" /></div>
                 </li>
 
-                <li class="item flexrow">
+                <li class="item-nor flexrow">
                     <div class="item-name roll-defence rollable" data-defence="{{data.combat.defence}}" style="flex-grow: 8;">{{localize "ADVERSARY.DEFENCE"}}</div>
                     <div class="item-value" style="flex: none;"><input name="data.combat.defence" class="skill-value" type="text" value="{{data.combat.defence}}" /></div>
                 </li>
 
-                <li class="item flexrow">
+                <li class="item-nor flexrow">
                     <div class="item-name roll-adversary-armor rollable" data-armor="{{data.combat.armor}}" style="flex-grow: 8;">{{localize "ITEM.DEFENCE"}}</div>
                     <div class="item-value" style="flex: none;"><input name="data.combat.armor" class="skill-value" type="text" value="{{data.combat.armor}}" /></div>
                 </li>
@@ -25,7 +25,7 @@
         <ul class="items">
             <ul class="items-list">
                 {{#each actor.skills as |skill key|}}
-                <li class="item flexrow" data-item-id="{{skill._id}}">
+                <li class="item-skill flexrow" data-item-id="{{skill._id}}">
                     <div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
                     <div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
                 </li>
@@ -44,7 +44,7 @@
 
             <ul class="items-list">
                 {{#each actor.attacks as |item key|}}
-                <li class="item flexrow" data-item-id="{{item._id}}" data-ability="{{item.data.skill.value}}">
+                <li class="item-attack 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">
@@ -53,12 +53,12 @@
                     </div>
                     <div class="skill-roll">
                         <div class="roll-button">
-                            <div class="roll-damage rollable">{{item.data.damage.value}}</div>
+                            <div class="roll-attack-damage rollable">{{item.data.damage.value}}</div>
                         </div>
                     </div>
                     <div class="item-controls">
-                        <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
-                        <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+                        <a class="item-control item-attack-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
+                        <a class="item-control item-attack-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
                     </div>
                 </li>
                 {{/each}}

templates/parts/actor/ht-skills.html

@@ -8,7 +8,7 @@
                 <li class="item-skill flexrow" data-item-id="{{skill._id}}">
                     <div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
                     <div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
-                    <div style="align-self: flex-end">
+                    <div style="align-self: flex-end; margin-top: auto; margin-bottom: auto;">
                         <a style="margin: auto;" class="click-skill {{#if skill.data.used}}active{{/if}}" data-item-id="{{skill._id}}">
                             <i class="far {{#if skill.data.used}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
                         </a>
@@ -28,7 +28,7 @@
                 <li class="item-skill flexrow" data-item-id="{{skill._id}}">
                     <div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
                     <div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
-                    <div style="align-self: flex-end">
+                    <div style="align-self: flex-end; margin-top: auto; margin-bottom: auto;">
                         <a style="margin: auto;" class="click-skill {{#if skill.data.used}}active{{/if}}" data-item-id="{{skill._id}}">
                             <i class="far {{#if skill.data.used}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
                         </a>

templates/parts/actor/skills.html

@@ -8,7 +8,7 @@
                 <li class="item-skill flexrow" data-item-id="{{skill._id}}">
                     <div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
                     <div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
-                    <div style="align-self: flex-end">
+                    <div style="align-self: flex-end; margin-top: auto; margin-bottom: auto;">
                         <a style="margin: auto;" class="click-skill {{#if skill.data.used}}active{{/if}}" data-item-id="{{skill._id}}">
                             <i class="far {{#if skill.data.used}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
                         </a>
@@ -28,7 +28,7 @@
                 <li class="item-skill flexrow" data-item-id="{{skill._id}}">
                     <div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
                     <div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
-                    <div style="align-self: flex-end">
+                    <div style="align-self: flex-end; margin-top: auto; margin-bottom: auto;">
                         <a style="margin: auto;" class="click-skill {{#if skill.data.used}}active{{/if}}" data-item-id="{{skill._id}}">
                             <i class="far {{#if skill.data.used}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
                         </a>
@@ -48,7 +48,7 @@
                 <li class="item-skill flexrow" data-item-id="{{skill._id}}">
                     <div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
                     <div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
-                    <div style="align-self: flex-end">
+                    <div style="align-self: flex-end; margin-top: auto; margin-bottom: auto;">
                         <a style="margin: auto;" class="click-skill {{#if skill.data.used}}active{{/if}}" data-item-id="{{skill._id}}">
                             <i class="far {{#if skill.data.used}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
                         </a>

templates/roll-dialog.html

@@ -1,5 +1,5 @@
 <div id="{{id}}" class="roll-dialog">
-    <h1 style="text-align: center;">{{skillName}} ({{skillValue}})</h1>
+    <h1 style="text-align: center;">{{localize skillName}} ({{skillValue}})</h1>
     <label>{{localize "ROLL.OPENCLOSE"}}</label>
     <input type="button" name="openclosed" min="0" value="{{startopen}}" style="margin-bottom: 10px; min-height: 26px; min-width: 30px;" />
     <label name="notopenedorclosed" style="display: inline-block;">&nbsp;</label>