From 6cb635901f7d974bbf538a3224b33b32209e7d96 Mon Sep 17 00:00:00 2001
From: WBHarry <89362246+WBHarry@users.noreply.github.com>
Date: Sat, 13 Dec 2025 16:10:44 +0100
Subject: [PATCH] Made the effect-hud more foundry standard to work better for
 modules (#1414)

---
 styles/less/hud/token-hud/token-hud.less |  2 +-
 templates/hud/tokenHUD.hbs               | 16 ++++++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/styles/less/hud/token-hud/token-hud.less b/styles/less/hud/token-hud/token-hud.less
index ac269172..46003975 100644
--- a/styles/less/hud/token-hud/token-hud.less
+++ b/styles/less/hud/token-hud/token-hud.less
@@ -56,7 +56,7 @@
             .effect-locked {
                 position: absolute;
                 bottom: 2px;
-                right: 2px;
+                left: 11.5px;
                 font-size: 12px;
                 color: @golden;
                 filter: drop-shadow(0 0 3px black);
diff --git a/templates/hud/tokenHUD.hbs b/templates/hud/tokenHUD.hbs
index 09259d4a..f079e5d9 100644
--- a/templates/hud/tokenHUD.hbs
+++ b/templates/hud/tokenHUD.hbs
@@ -46,8 +46,12 @@
     </button>
     <div class="palette status-effects" data-palette="effects">
         {{#each systemStatusEffects as |status|}}
-            <div class="effect-control-container" {{#if status.disabled}}data-tooltip="{{localize "DAGGERHEART.UI.Tooltip.immune"}}"{{else if status.title}}data-tooltip-text="{{status.title}}"{{/if}}>
-                <img class="effect-control {{status.cssClass}} {{#if (or status.disabled status.locked)}}disabled{{/if}}" src="{{status.src}}" data-action="effect" data-status-id="{{status.id}}">
+            <div 
+                class="effect-control effect-control-container {{status.cssClass}} {{#if (or status.disabled status.locked)}}disabled{{/if}}" 
+                {{#if status.disabled}}data-tooltip="{{localize "DAGGERHEART.UI.Tooltip.immune"}}"{{else if status.title}}data-tooltip-text="{{status.title}}"{{/if}}
+                data-action="effect" data-status-id="{{status.id}}"
+            >
+                <img src="{{status.src}}" />
                 {{#if status.disabled}}
                     <span class="effect-control-disabled-marker">/</span>
                 {{/if}}
@@ -57,8 +61,12 @@
         {{#if genericStatusEffects}}
             <label class="palette-category-title">{{localize "DAGGERHEART.APPLICATIONS.HUD.tokenHUD.genericEffects"}}</label>
             {{#each genericStatusEffects as |status|}}
-                <div class="effect-control-container" {{#if status.title}}data-tooltip-text="{{status.title}}"{{/if}}>
-                    <img class="effect-control {{status.cssClass}} {{#if (or status.disabled status.locked)}}disabled{{/if}}" src="{{status.src}}" data-action="effect" data-status-id="{{status.id}}" >
+                <div 
+                    class="effect-control effect-control-container {{status.cssClass}} {{#if (or status.disabled status.locked)}}disabled{{/if}}" 
+                    {{#if status.title}}data-tooltip-text="{{status.title}}"{{/if}}
+                    data-action="effect" data-status-id="{{status.id}}"
+                >
+                    <img src="{{status.src}}" />
                     {{#if status.locked}}<i class="effect-locked fa-solid fa-lock"></i>{{/if}}
                 </div>
             {{/each}}