From 05167b697a6b5ad86cef9b1d72d99386430636a9 Mon Sep 17 00:00:00 2001
From: WBHarry <williambjrklund@gmail.com>
Date: Sun, 3 May 2026 20:29:03 +0200
Subject: [PATCH] Improved missing class visual for subclass

---
 module/applications/sheets/items/subclass.mjs |  4 ++--
 styles/less/global/feature-section.less       |  8 ++++++++
 templates/sheets/items/subclass/features.hbs  | 11 +++++++----
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/module/applications/sheets/items/subclass.mjs b/module/applications/sheets/items/subclass.mjs
index 254ab7cc..6daf4a89 100644
--- a/module/applications/sheets/items/subclass.mjs
+++ b/module/applications/sheets/items/subclass.mjs
@@ -44,9 +44,9 @@ export default class SubclassSheet extends DHBaseItemSheet {
     async _prepareContext(options) {
         const context = await super._prepareContext(options);
         if (this.document.system.linkedClass) {
-            context.class = (await fromUuid(this.document.system.linkedClass)) ?? {
+            const classData = await fromUuid(this.document.system.linkedClass);
+            context.class = classData ?? {
                 name: _loc('DAGGERHEART.GENERAL.missingX', { x: _loc('TYPES.Item.class') }),
-                img: 'systems/daggerheart/assets/icons/documents/items/laurel-crown.svg',
                 missing: true
             };
         }
diff --git a/styles/less/global/feature-section.less b/styles/less/global/feature-section.less
index 937f0cde..7d5099e1 100644
--- a/styles/less/global/feature-section.less
+++ b/styles/less/global/feature-section.less
@@ -35,6 +35,14 @@
                     border-radius: 6px;
                     border: none;
                 }
+                .image-icon {
+                    font-size: 26px;
+                    width: 40px;
+                    height: 40px;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                }
                 .controls {
                     display: flex;
                     justify-content: center;
diff --git a/templates/sheets/items/subclass/features.hbs b/templates/sheets/items/subclass/features.hbs
index 75ff3a8b..c54e702e 100644
--- a/templates/sheets/items/subclass/features.hbs
+++ b/templates/sheets/items/subclass/features.hbs
@@ -8,9 +8,12 @@
         {{#if class}}
             <div class="feature-list">
                 <li class="feature-line">
-                    <img class="image" src="{{class.img}}" />
-                    <span>{{class.name}} {{#if class.missing}}<i class="fa-solid fa-link-slash" inert></i>{{/if}}</span>
-                    {{#unless class.missing}}
+                    {{#if class.missing}}
+                        <i class="fa-solid fa-link-slash hint image-icon" inert></i>
+                        <span class="hint">{{class.name}}</span>
+                    {{else}}
+                        <img class="image" src="{{class.img}}" />
+                        <span>{{class.name}}</span>
                         <div class='controls'>
                             <a
                                 class='effect-control'
@@ -21,7 +24,7 @@
                                 <i class="fa-solid fa-globe" inert></i>
                             </a>
                         </div>
-                    {{/unless}}
+                    {{/if}}
                 </li>
             </div>
         {{else}}