From fb5c408bbdabf785a114c2c5057059548067022b Mon Sep 17 00:00:00 2001
From: LeRatierBretonnien <sylvain@lahiette.com>
Date: Tue, 17 Jun 2025 00:40:51 +0200
Subject: [PATCH] Enhance CSS

---
 css/fvtt-hellborn.css    | 15 ++++++++++-----
 styles/roll.less         | 15 ++++++++++-----
 templates/chat-tarot.hbs |  6 +++---
 3 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/css/fvtt-hellborn.css b/css/fvtt-hellborn.css
index 994dc16..ef98303 100644
--- a/css/fvtt-hellborn.css
+++ b/css/fvtt-hellborn.css
@@ -2444,6 +2444,9 @@ i.fvtt-hellborn {
   justify-content: center;
   align-items: center;
 }
+.item-to-chat ul .tarot-spacing {
+  margin-top: 0.5rem;
+}
 .item-to-chat ul li {
   margin: 0 10px;
   font-family: var(--font-primary);
@@ -2456,7 +2459,8 @@ i.fvtt-hellborn {
   font-family: var(--font-secondary);
   font-size: calc(var(--font-size-standard) * 1.2);
   color: var(--color-dark-2);
-  margin-top: 5px;
+  margin-top: 0px;
+  align-items: center;
 }
 .flavor-text-damage .chat-damage-type {
   font-weight: bold;
@@ -2466,11 +2470,12 @@ i.fvtt-hellborn {
   margin-bottom: 0.5rem;
 }
 .flavor-text-damage h2 {
-  margin-top: 10px;
-  margin-left: 10px;
-  margin-bottom: 4px;
+  text-align: center;
+  margin-top: 4px;
+  margin-left: 4px;
+  margin-bottom: 0px;
   font-family: var(--font-title);
-  font-size: calc(var(--font-size-standard) * 1.2);
+  font-size: calc(var(--font-size-standard) * 1.1);
   color: var(--title-color);
 }
 .dice-roll {
diff --git a/styles/roll.less b/styles/roll.less
index f05194a..de00611 100644
--- a/styles/roll.less
+++ b/styles/roll.less
@@ -69,6 +69,9 @@
     margin: 0;
     justify-content: center;
     align-items: center;
+    .tarot-spacing {
+      margin-top: 0.5rem;
+    }
     li {
       margin: 0 10px;
       font-family: var(--font-primary);
@@ -84,7 +87,8 @@
   font-family: var(--font-secondary);
   font-size: calc(var(--font-size-standard) * 1.2);
   color: var(--color-dark-2);
-  margin-top: 5px;
+  margin-top: 0px;
+  align-items: center;
   .chat-damage-type {
     font-weight: bold;
     display: flex;
@@ -93,11 +97,12 @@
     margin-bottom:0.5rem;
   }
   h2 {
-    margin-top: 10px;
-    margin-left: 10px;
-    margin-bottom: 4px;
+    text-align: center;
+    margin-top: 4px;
+    margin-left: 4px;
+    margin-bottom: 0px;
     font-family: var(--font-title);
-    font-size: calc(var(--font-size-standard) * 1.2);
+    font-size: calc(var(--font-size-standard) * 1.1);
     color: var(--title-color);
   }
 }
diff --git a/templates/chat-tarot.hbs b/templates/chat-tarot.hbs
index 5e614ce..75c32bd 100644
--- a/templates/chat-tarot.hbs
+++ b/templates/chat-tarot.hbs
@@ -16,12 +16,12 @@
       <li><strong>Reversed XP Trigger : </strong>{{system.penalty}}</li>
     {{/if}}
 
-    <li><strong>Description : </strong>{{{system.description}}}</li>
+    <li class="tarot-spacing"><strong>Description : </strong>{{{system.description}}}</li>
 
     {{#if (eq system.orientation "Upright")}}
-      <li><strong>Positive Effect : </strong>{{{system.positiveEffect}}}</li>
+      <li class="tarot-spacing"><strong>Positive Effect : </strong>{{{system.positiveEffect}}}</li>
     {{else}}
-      <li><strong>Negative Effect : </strong>{{{system.negativeEffect}}}</li>
+      <li class="tarot-spacing"><strong>Negative Effect : </strong>{{{system.negativeEffect}}}</li>
     {{/if}}
 
     </ul>