Get the general layout of the untyped item details ready

styles/sheets/actor/char-sheet/v2/pages/inventory.scss

@@ -184,6 +184,46 @@
 		}
 
 		&__content {
+			display: grid;
+			grid-template-columns: repeat(3, minmax(0, 1fr)) min-content;
+			grid-template-rows: repeat(3, min-content) auto;
+			gap: 8px;
+			padding: 4px;
+		}
+
+		&__usage, &__tier {
+			@include material.elevate(1);
+			padding: 8px;
+			display: flex;
+			align-items: center
+		}
+
+		button {
+			@include material.elevate(2);
+			&:hover {
+				@include material.elevate(4);
+			}
+		}
+
+		&__quantity--edit {
+			@include material.elevate(1);
+			display: grid;
+			grid-template-columns: minmax(0, 1fr) 40px;
+			max-width: 100%;
+			align-items: center;
+			padding: 8px;
+			> :first-child {
+				text-overflow: ellipsis;
+				overflow: hidden;
+				white-space: nowrap;
+			}
+		}
+
+		&__description {
+			@include material.elevate(1);
+			margin: 0;
+			grid-row: span 3;
+			grid-column: span 3;
 		}
 	}
 }

templates/actors/char-sheet/v2/partials/inventory/items/untyped.v2.pc.hbs

@@ -20,14 +20,28 @@
 		<h3 class="untyped__name">
 			{{item.name}}
 		</h3>
-		<div class="untyped__quantity">
+		<div class="untyped__quantity--display">
 			(x {{item.system.quantity}})
 		</div>
 	</div>
 	{{#if (dd-set-has meta.expanded item.uuid)}}
 		<hr>
 		<div class="untyped__content">
-			Some Description
+			<div class="untyped__quantity--edit">
+				<label for="">
+					Quantity
+				</label>
+				<input
+					type="number"
+					value="{{item.system.quantity}}"
+				>
+			</div>
+			<div class="untyped__usage">Usage Cost</div>
+			<div class="untyped__tier">Tier</div>
+			<button type="button">C</button>
+			<p class="untyped__description">Description</p>
+			<button type="button">E</button>
+			<button type="button">D</button>
 		</div>
 	{{/if}}
 </section>