Tweak the way armour shows up on the sheet so that it's a bit easier to deal with

templates/Apps/BookGeistSheet/items.hbs

@@ -34,15 +34,26 @@
 		</div>
 	{{/if}}
 	<div>Defense</div>
-	<div>
-		Armour
-		{{rc-ifOut defense.protection}}
-		/
-		{{defense.locations}}
-		{{#if defense.shield}}
-			, <span>Shield</span>
-		{{/if}}
-	</div>
+	<ul>
+		{{#each defenses as |defense|}}
+			<li
+				class="defense"
+				data-tooltip="{{defense.tooltip}}"
+				data-ctx-menu="item"
+				data-item-id="{{defense.armourUUID}}"
+			>
+				{{defense.name}} ({{defense.protection}}{{#if defense.shielded}},
+				<rc-icon
+					name="icons/shield/solid.v1"
+					var:size="14px"
+					var:fill="currentColor"
+					data-ctx-menu="item"
+					data-item-id="{{defense.shieldUUID}}"
+				/>
+				{{/if}})
+			</li>
+		{{/each}}
+	</ul>
 	<div>Traits</div>
 	<ul class="traits">
 		{{#each traits as |trait|}}

templates/Apps/BookGeistSheet/style.css

@@ -81,14 +81,14 @@
 		grid-template-rows: repeat(3, auto);
 		gap: 2px;
 
-		.traits {
+		ul {
 			display: flex;
 			flex-direction: row;
-			gap: 8px;
+			gap: 4px;
 			list-style-type: none;
 		}
 
-		.trait {
+		li {
 			display: flex;
 			flex-direction: row;
 			align-items: center;