Use semantic lists for the other item lists

templates/Apps/BookGeistSheet/items.hbs

@@ -1,9 +1,9 @@
 <div class="items">
 	{{#if attacks}}
 		<div>{{ rc-i18n "RipCrypt.common.attacks" }}</div>
-		<div>
+		<ul>
 			{{#each attacks as |attack|}}
-				<div
+				<li
 					class="attack"
 					data-ctx-menu="item"
 					data-item-id="{{attack.uuid}}"
@@ -15,23 +15,23 @@
 							({{attack.range.short}} / {{attack.range.long}})
 						</span>
 					{{/if}}
-				</div>
+				</li>
 			{{/each}}
-		</div>
+		</ul>
 	{{/if}}
 	{{#if crafts}}
 		<div>{{ rc-i18n "RipCrypt.common.glimcraft" }}</div>
-		<div>
+		<ul>
 			{{#each crafts as |craft|}}
-				<div
+				<li
 					class="craft"
 					data-ctx-menu="item"
 					data-item-id="{{craft.uuid}}"
 				>
 					{{craft.name}}
-				</div>
+				</li>
 			{{/each}}
-		</div>
+		</ul>
 	{{/if}}
 	<div>{{ rc-i18n "RipCrypt.common.defense" }}</div>
 	<ul>

templates/Apps/BookGeistSheet/style.css

@@ -79,6 +79,7 @@
 		display: grid;
 		grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
 		grid-template-rows: repeat(3, auto);
+		align-items: center;
 		gap: 2px;
 
 		ul {