From 86ee9a44ec955e2a11602a8dfa90bd53143ec1be Mon Sep 17 00:00:00 2001
From: LeRatierBretonnien <sylvain@lahiette.com>
Date: Sun, 25 May 2025 22:38:24 +0200
Subject: [PATCH] Add Enemy sheet

---
 css/fvtt-hellborn.css     | 38 +++++++++++++++++++++-----------------
 styles/character.less     | 22 +++++++++++-----------
 styles/enemy.less         | 16 ++++++++++------
 templates/enemy-trait.hbs |  8 ++++++++
 4 files changed, 50 insertions(+), 34 deletions(-)

diff --git a/css/fvtt-hellborn.css b/css/fvtt-hellborn.css
index 75a2fa6..7e12123 100644
--- a/css/fvtt-hellborn.css
+++ b/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;
diff --git a/styles/character.less b/styles/character.less
index 763d2b3..a2c02ef 100644
--- a/styles/character.less
+++ b/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;
diff --git a/styles/enemy.less b/styles/enemy.less
index 45fac03..cf8906d 100644
--- a/styles/enemy.less
+++ b/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;
diff --git a/templates/enemy-trait.hbs b/templates/enemy-trait.hbs
index 09eed4c..68c1046 100644
--- a/templates/enemy-trait.hbs
+++ b/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}}"