Add Enemy sheet

css/fvtt-hellborn.css

@@ -410,15 +410,15 @@ i.fvtt-hellborn {
 }
 .fvtt-hellborn .tab.character-maleficas .main-div .maleficas {
   display: grid;
-  grid-template-columns: repeat(1, 1fr);
+  grid-template-columns: repeat(2, 1fr);
   gap: 4px;
 }
 .fvtt-hellborn .tab.character-maleficas .main-div .maleficas .malefica {
   display: flex;
   align-items: center;
   gap: 4px;
-  min-width: 24rem;
-  max-width: 24rem;
+  min-width: 20rem;
+  max-width: 20rem;
 }
 .fvtt-hellborn .tab.character-maleficas .main-div .maleficas .malefica .controls {
   font-size: 0.7rem;
@@ -426,20 +426,20 @@ i.fvtt-hellborn {
   max-width: 1.8rem;
 }
 .fvtt-hellborn .tab.character-maleficas .main-div .maleficas .malefica .name {
-  min-width: 28rem;
-  max-width: 28rem;
+  min-width: 10rem;
+  max-width: 10rem;
 }
 .fvtt-hellborn .tab.character-maleficas .main-div .maleficas .malefica .damage {
-  min-width: 6rem;
-  max-width: 6rem;
+  min-width: 3.2rem;
+  max-width: 3.2rem;
 }
 .fvtt-hellborn .tab.character-maleficas .main-div .maleficas .malefica .domain {
-  min-width: 5rem;
-  max-width: 5rem;
+  min-width: 4rem;
+  max-width: 4rem;
 }
 .fvtt-hellborn .tab.character-maleficas .main-div .maleficas .malefica .level {
-  min-width: 3rem;
-  max-width: 3rem;
+  min-width: 2rem;
+  max-width: 2rem;
 }
 .fvtt-hellborn .tab.character-maleficas .main-div .maleficas .malefica .item-img {
   width: 24px;
@@ -1322,16 +1322,20 @@ i.fvtt-hellborn {
   max-width: 1.8rem;
 }
 .fvtt-hellborn .tab.enemy-traits .main-div .maleficas .malefica .domain {
-  min-width: 5rem;
-  max-width: 5rem;
+  min-width: 4rem;
+  max-width: 4rem;
+}
+.fvtt-hellborn .tab.enemy-traits .main-div .maleficas .malefica .damage {
+  min-width: 3.2rem;
+  max-width: 3.2rem;
 }
 .fvtt-hellborn .tab.enemy-traits .main-div .maleficas .malefica .level {
-  min-width: 3rem;
-  max-width: 3rem;
+  min-width: 2rem;
+  max-width: 2rem;
 }
 .fvtt-hellborn .tab.enemy-traits .main-div .maleficas .malefica .name {
-  min-width: 11rem;
-  max-width: 11rem;
+  min-width: 10rem;
+  max-width: 10em;
 }
 .fvtt-hellborn .tab.enemy-traits .main-div .maleficas .malefica .item-img {
   width: 24px;

styles/character.less

@@ -280,34 +280,34 @@
 
   .maleficas {
     display: grid;
-    grid-template-columns: repeat(1, 1fr);
+    grid-template-columns: repeat(2, 1fr);
     gap: 4px;
     .malefica {
       display: flex;
       align-items: center;
       gap: 4px;
-      min-width: 24rem;
-      max-width: 24rem;
+      min-width: 20rem;
+      max-width: 20rem;
       .controls {
         font-size: 0.7rem;
         min-width: 1.8rem;
         max-width: 1.8rem;
       }
       .name {
-        min-width: 28rem;
-        max-width: 28rem;
+        min-width: 10rem;
+        max-width: 10rem;
       }
       .damage {
-        min-width: 6rem;
-        max-width: 6rem;
+        min-width: 3.2rem;
+        max-width: 3.2rem;
       }
       .domain {
-        min-width: 5rem;
-        max-width: 5rem;
+        min-width: 4rem;
+        max-width: 4rem;
       }
       .level {
-        min-width: 3rem;
-        max-width: 3rem;
+        min-width: 2rem;
+        max-width: 2rem;
       }
       .item-img {
         width: 24px;

styles/enemy.less

@@ -301,16 +301,20 @@
         max-width: 1.8rem;
       }
       .domain {
-        min-width: 5rem;
-        max-width: 5rem;
+        min-width: 4rem;
+        max-width: 4rem;
+      }
+      .damage {
+        min-width: 3.2rem;
+        max-width: 3.2rem;
       }
       .level {
-        min-width: 3rem;
-        max-width: 3rem;
+        min-width: 2rem;
+        max-width: 2rem;
       }
       .name {
-        min-width: 11rem;
-        max-width: 11rem;
+        min-width: 10rem;
+        max-width: 10em;
       }
       .item-img {
         width: 24px;

templates/enemy-trait.hbs

@@ -77,6 +77,14 @@
             </div>
             <span class="domain" data-tooltip="Domain">{{upperFirst item.system.domain}}</span>
             <span class="level" data-tooltip="Level">{{getRomanLevel item.system.level}}</span>
+            {{#if item.system.hasDamage}}
+            <a class="damage rollable" data-tooltip="Damage" data-item-id="{{item.id}}" data-action="roll"
+                data-roll-type="damage" data-roll-value="{{item.system.damage}}">
+                <i class="fa-regular fa-dice"></i>
+                {{item.system.damage}}</a>
+            {{else}}
+            <span class="damage" data-tooltip="Damage">-</span>
+            {{/if}}
 
             <div class="controls">
               <a data-tooltip="{{localize 'HELLBORN.Edit'}}" data-action="edit" data-item-id="{{item.id}}"