enhance death move chat message and fix border bottom from title actions

module/applications/dialogs/deathMove.mjs

@@ -51,11 +51,17 @@ export default class DhpDeathMove extends HandlebarsApplicationMixin(Application
                 'systems/daggerheart/templates/ui/chat/deathMove.hbs',
                 {
                     player: this.actor.name,
+                    actor: { name: this.actor.name, img: this.actor.img },
                     title: game.i18n.localize(this.selectedMove.name),
                     img: this.selectedMove.img,
                     description: game.i18n.localize(this.selectedMove.description)
                 }
-            )
+            ),
+            flags: {
+                daggerheart: {
+                    cssClass: 'dh-chat-message dh-style'
+                }
+            }
         });
 
         cls.create(msg.toObject());

styles/less/ui/chat/ability-use.less

@@ -19,7 +19,9 @@
             display: flex;
             flex-direction: column;
             width: 100%;
-            padding: 8px;
+            margin: 8px 8px 0;
+            padding-bottom: 8px;
+            width: -webkit-fill-available;
             gap: 5px;
             border-bottom: 1px solid @golden;
 

styles/less/ui/chat/action.less

@@ -12,7 +12,9 @@
             display: flex;
             flex-direction: row;
             width: 100%;
-            padding: 8px;
+            margin: 8px 8px 0;
+            padding-bottom: 8px;
+            width: -webkit-fill-available;
             gap: 5px;
             border-bottom: 1px solid @golden;
 

styles/less/ui/chat/downtime.less

@@ -54,6 +54,8 @@
                     gap: 5px;
                     border-bottom: 1px solid @golden;
                     margin: 0 8px;
+                    padding-bottom: 8px;
+                    width: -webkit-fill-available;
 
                     .downtime-image {
                         width: 40px;

templates/ui/chat/deathMove.hbs

@@ -1,8 +1,23 @@
 <div class="daggerheart chat downtime">
-    <h2 class="downtime-title-container">
+    <div class="downtime-header">
-        <div>{{this.player}} {{localize "DAGGERHEART.UI.Chat.deathMove.title"}}</div>
+        <img class="profile" src="{{actor.img}}">
-        <div class="downtime-subtitle">{{this.title}}</div>
+        <div class="header-label">
-    </h2>
+            <h2 class="title">{{localize 'DAGGERHEART.UI.Chat.deathMove.title'}}</h2>
+            <span class="label">{{actor.name}}</span>
+        </div>
+    </div>
+    <ul class="downtime-moves-list">
+        <li class="downtime-move">
+            <div class="downtime-label">
                 <img class="downtime-image" src="{{this.img}}" />
-    <div>{{{this.description}}}</div>
+                <div class="header-label">
+                    <h2 class="title">{{this.title}}</h2>
+                    <span class="label">{{localize 'DAGGERHEART.UI.Chat.deathMove.title'}}</span>
+                </div>
+            </div>
+            <div class="description">
+                {{{this.description}}}
+            </div>
+        </li>
+    </ul>
 </div>