Get the base favourite mechanism working so the items are visible on the skills card

templates/Apps/HeroSkillsCardV1/content.hbs

@@ -118,6 +118,24 @@
 			{{ ammo }}
 		</div>
 	</div>
+	{{#each favouriteAmmo as | data |}}
+		{{#if data}}
+			<div
+				class="half-pill fav-ammo"
+				data-item-id="{{data.uuid}}"
+			>
+				<label for="{{@root.meta.idp}}-{{data.uuid}}-quantity">
+					{{data.name}}
+				</label>
+				<input
+					type="number"
+					value="{{data.quantity}}"
+					id="{{@root.meta.idp}}-{{data.uuid}}-quantity"
+				>
+			</div>
+		{{else}}
+		{{/if}}
+	{{/each}}
 
 	{{!-- * Currencies --}}
 	<div class="currencies">

templates/Apps/HeroSkillsCardV1/style.css

@@ -8,6 +8,7 @@
 	grid-template-columns: repeat(3, minmax(0, 1fr));
 	grid-template-rows: repeat(13, minmax(0, 1fr));
 	column-gap: var(--col-gap);
+	row-gap: var(--row-gap);
 
 	background: var(--base-background);
 	color: var(--base-text);
@@ -125,8 +126,13 @@
 			}
 		}
 
+		label, .label {
+			white-space: nowrap;
+			text-overflow: ellipsis;
+		}
 
-		.input {
+
+		input, .input {
 			margin: 2px;
 			border-radius: 999px;
 			text-align: center;