CSS rework et autres améliorations

templates/chat/chat-degats-result.hbs

@@ -1,38 +1,44 @@
 <div class="chat-message-header">
   {{#if actorImg}}
-  <img class="actor-icon" src="{{actorImg}}" alt="{{alias}}" />
+    <img class="actor-icon" src="{{actorImg}}" alt="{{alias}}" />
   {{/if}}
   <h4 class="chat-actor-name">{{alias}}</h4>
 </div>
 
-<hr>
+<div class="chat-roll-details" style="margin-top: 0.3rem;">
+  {{#if img}}
+    <div style="text-align: center; margin-bottom: 0.3rem;">
+      <img class="chat-icon" src="{{arme.img}}" alt="{{name}}" />
+    </div>
+  {{/if}}
 
-{{#if img}}
-<div>
-  <img class="chat-icon" src="{{arme.img}}" alt="{{name}}" />
-</div>
-{{/if}}
-
-<div>
-  <ul>
-    <li>Dégats de {{arme.name}}: {{formula}} </li>
+  <ul style="margin: 0; padding-left: 0.5rem;">
+    <li style="margin: 0.2rem 0;"><span class="chat-info-badge">Dégâts de
+        {{arme.name}}:
+        {{formula}}</span></li>
     {{#if gantelet}}
-    <li>Poing avec gantelet: +1 dégat</li>
+      <li style="margin: 0.2rem 0;"><span class="chat-difficulty-badge">🥊 Poing
+          avec gantelet: +1 dégât</span></li>
     {{/if}}
     {{#if isChargeAPied}}
-    <li>Charge à pied (+Course)</li>
+      <li style="margin: 0.2rem 0;"><span class="chat-difficulty-badge">🏃
+          Charge à pied (+Course)</span></li>
     {{/if}}
     {{#if isChargeACheval}}
-    <li>Charge à cheval (+Equitation)</li>
+      <li style="margin: 0.2rem 0;"><span class="chat-difficulty-badge">🐴
+          Charge à cheval (+Équitation)</span></li>
     {{/if}}
-    <li>Dégats infligés : {{degats}}</li>
+    <li style="margin: 0.3rem 0;"><span class="chat-warning-badge">⚔️ Dégâts
+        infligés :
+        {{degats}}</span></li>
     {{#if loc}}
-    <li>Localisation : {{loc.label}}</li>
+      <li style="margin: 0.2rem 0;"><span class="chat-difficulty-badge">🎯
+          Localisation :
+          {{loc.label}}</span></li>
     {{/if}}
     {{#if isReussiteCritique}}
-    <li><strong class="chat-result-success">Réussite critique : La blessure sera augmentée d'un niveau</strong></li>
+      <li style="margin: 0.3rem 0;"><span class="chat-result-success">🎯
+          Réussite critique : La blessure sera augmentée d'un niveau</span></li>
     {{/if}}
   </ul>
-</div>
-
 </div>