From f8ec7201ca3085c268f452c95bdba9c8a724dc9c Mon Sep 17 00:00:00 2001
From: Murilo Brito <dev.murilobrito@gmail.com>
Date: Sun, 12 Jul 2026 15:18:53 -0300
Subject: [PATCH] enhance reload label style and update roll button container
 to match actions button footer style

---
 styles/less/ui/chat/ability-use.less    |  5 +++++
 styles/less/ui/chat/action.less         |  7 ++++++-
 styles/less/ui/chat/chat.less           | 26 +++++++++++++++++++++----
 templates/ui/chat/parts/button-part.hbs |  3 +++
 templates/ui/chat/roll.hbs              |  3 +--
 5 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/styles/less/ui/chat/ability-use.less b/styles/less/ui/chat/ability-use.less
index d028fa7a..981d1188 100644
--- a/styles/less/ui/chat/ability-use.less
+++ b/styles/less/ui/chat/ability-use.less
@@ -131,6 +131,11 @@
                 height: 40px;
                 flex: 1 1 calc(50% - 5px);
 
+                span {
+                    font-family: @font-body;
+                    font-weight: 700;
+                }
+
                 &:nth-last-child(1):nth-child(odd) {
                     flex-basis: 100%;
                 }
diff --git a/styles/less/ui/chat/action.less b/styles/less/ui/chat/action.less
index 6eeb7a52..cff617d8 100644
--- a/styles/less/ui/chat/action.less
+++ b/styles/less/ui/chat/action.less
@@ -46,9 +46,14 @@
             padding: 0 8px;
 
             button {
-                height: 40px;
+                height: 36px;
                 flex: 1 1 calc(50% - 5px);
 
+                span {
+                    font-family: @font-body;
+                    font-weight: 700;
+                }
+
                 &:nth-last-child(1):nth-child(odd) {
                     flex-basis: 100%;
                 }
diff --git a/styles/less/ui/chat/chat.less b/styles/less/ui/chat/chat.less
index 5d8b96dc..8c3f4b08 100644
--- a/styles/less/ui/chat/chat.less
+++ b/styles/less/ui/chat/chat.less
@@ -277,6 +277,20 @@
                 align-items: center;
                 justify-content: center;
                 gap: 4px;
+
+                .reload-warning {
+                    display: flex;
+                    align-items: center;
+                    border-radius: 5px;
+                    width: fit-content;
+                    gap: 5px;
+                    cursor: pointer;
+                    padding: 5px;
+                    transition: all 0.3s ease;
+                    color: @beige;
+                    background: @red-40;
+                    outline: 1px solid @red;
+                }
             }
 
             .roll-part-extra {
@@ -630,15 +644,19 @@
 
         .roll-buttons {
             display: flex;
+            flex-wrap: wrap;
             gap: 5px;
+            width: 100%;
             margin-top: 8px;
 
             button {
-                height: 32px;
-                flex: 1;
+                height: 36px;
+                flex: 1 1 calc(50% - 5px);
+                font-family: @font-body;
+                font-weight: 700;
 
-                &.end-button {
-                    flex: 0;
+                &:nth-last-child(1):nth-child(odd) {
+                    flex-basis: 100%;
                 }
             }
         }
diff --git a/templates/ui/chat/parts/button-part.hbs b/templates/ui/chat/parts/button-part.hbs
index 6bc5f372..96044075 100644
--- a/templates/ui/chat/parts/button-part.hbs
+++ b/templates/ui/chat/parts/button-part.hbs
@@ -1,4 +1,7 @@
 <div class="roll-buttons">
+    {{#if (eq automationSettings.reload 'button')}}
+        <button class="roll-reload-check" {{#if needReload}}disabled{{/if}}>{{localize "DAGGERHEART.ACTIONS.Reload.checkReload"}}</button>
+    {{/if}}
     {{#if areas.length}}<button class="action-areas end-button"><i class="fa-solid fa-crosshairs"></i></button>{{/if}}
     {{#if hasDamage}}
         {{#unless (empty damage)}}
diff --git a/templates/ui/chat/roll.hbs b/templates/ui/chat/roll.hbs
index bf094b13..f637bf6b 100644
--- a/templates/ui/chat/roll.hbs
+++ b/templates/ui/chat/roll.hbs
@@ -8,9 +8,8 @@
         {{#if (eq automationSettings.reload 'button')}}
             <div class="roll-reload-container">
                 {{#if needReload}}
-                    <p class=>{{localize "DAGGERHEART.ACTIONS.Reload.reloadRequired"}}</p>
+                    <p class='reload-warning'>{{localize "DAGGERHEART.ACTIONS.Reload.reloadRequired"}}</p>
                 {{/if}}
-                <button class="roll-reload-check" {{#if needReload}}disabled{{/if}}>{{localize "DAGGERHEART.ACTIONS.Reload.checkReload"}}</button>
             </div>
         {{/if}}
     {{/if}}