Improved missing class visual for subclass

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
             };
         }

module/config/itemBrowserConfig.mjs

@@ -383,7 +383,8 @@ export const typeConfig = {
             {
                 key: 'system.linkedClass',
                 label: 'TYPES.Item.class',
-                format: linkedClass => linkedClass?.name ?? 'DAGGERHEART.UI.ItemBrowser.missing'
+                format: linkedClass =>
+                    foundry.utils.fromUuidSync(linkedClass)?.name ?? 'DAGGERHEART.UI.ItemBrowser.missing'
             },
             {
                 key: 'system.spellcastingTrait',

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;

templates/sheets/items/subclass/description.hbs

@@ -1,8 +1,10 @@
 <div class="item-description-outer-container">
+    {{#if spellcastTrait}}
         <div class="item-description-container">
             <h4>{{localize "DAGGERHEART.ITEMS.Subclass.spellcastTrait"}}</h4>
             <span>{{spellcastTrait}}</span>
         </div>
+    {{/if}}
     <div class="item-description-container">
         <h4>{{localize "DAGGERHEART.ITEMS.Subclass.foundationFeatures"}}</h4>
         {{#each foundationFeatures as | feature |}}

templates/sheets/items/subclass/features.hbs

@@ -8,9 +8,12 @@
         {{#if class}}
             <div class="feature-list">
                 <li class="feature-line">
+                    {{#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}} {{#if class.missing}}<i class="fa-solid fa-link-slash" inert></i>{{/if}}</span>
+                        <span>{{class.name}}</span>
-                    {{#unless class.missing}}
                         <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}}