Get the item list styles finished, and start working on the weight summary / carry capacity for the tab

templates/PlayerSheet/item-lists.hbs

@@ -3,14 +3,23 @@
 	data-group="primary"
 	data-tab="items"
 >
-	Total Weight: {{totalWeight}}
-	<hr>
+	<section>
+		Total Weight: {{totalWeight}}
+		/
+		<input
+			type="number"
+			name="system.carryCapacity"
+			value="{{system.carryCapacity}}"
+		>
+
+		({{ carryCapacityPercent }}%)
+	</section>
 	{{#each itemGroups as | group |}}
 		<section>
-			<div class="header">
-				<span class="name">
+			<div class="item-list-header">
+				<div class="grow">
 					{{ group.name }}
-				</span>
+				</div>
 				<span class="weight">
 					{{ group.weight }}
 				</span>

templates/PlayerSheet/item.hbs

@@ -2,12 +2,7 @@
 	class="item"
 	data-item-uuid="{{uuid}}"
 >
-	<div
-		class="summary"
-		{{#if canExpand}}
-		data-action="toggleExpand"
-		{{/if}}
-	>
+	<div class="summary">
 		<img
 			src="{{img}}"
 			alt=""
@@ -20,9 +15,24 @@
 			type="number"
 			value="{{quantity}}"
 		>
+		<button
+			type="button"
+			class="expand-button"
+			data-action="toggleExpand"
+			data-expanded="{{isExpanded}}"
+			{{disabled (not canExpand)}}
+		>
+			<taf-icon
+				name="icons/chevron"
+				var:colour="var(--item-card-header-input-color)"
+			></taf-icon>
+		</button>
 	</div>
 	{{#if canExpand}}
-		<div class="full-details" data-expanded="{{isExpanded}}">
+		<div
+			class="full-details"
+			data-expanded="{{isExpanded}}"
+		>
 			{{{ description }}}
 		</div>
 	{{/if}}