Add some better styling for the spell blocks

styles/sheets/actor/mvp.scss

@@ -194,6 +194,19 @@
 		}
 		&--spells {
 			grid-area: spells;
+
+			.spell {
+				display: flex;
+				flex-direction: column;
+				gap: 4px;
+
+				&__actions {
+					display: flex;
+					flex-direction: row;
+					justify-content: end;
+					gap: 4px;
+				}
+			}
 		}
 		&--mounts {
 			grid-area: mounts;

templates/actors/char-sheet-mvp/panels/spells.pc.hbs

@@ -4,9 +4,7 @@
 			<summary data-collapse-id="{{spell.uuid}}">
 				<span class="flex-grow" style="flex-grow: 1">
 					{{spell.name}}
-					{{#if spell.system.cost }}
+					(Cost: {{spell.system.cost}})
-						(Cost: {{spell.system.cost}})
-					{{/if}}
 				</span>
 			</summary>
 
@@ -33,13 +31,29 @@
 					>
 				</div>
 				<div class="spell__description">
-					<label for="{{spell.uuid}}-description"></label>
+					<label for="{{spell.uuid}}-description">Description</label>
 					<textarea
 						id="{{spell.uuid}}-description"
 						data-embedded-update="system.description"
 						data-embedded-id="{{spell.uuid}}"
 					>{{spell.system.description}}</textarea>
 				</div>
+				<div class="spell__actions">
+					<button
+						class="neutral reduced-padding equal-padding"
+					>
+						<div class="icon icon--20">
+							{{{ ../icons.chat-bubble }}}
+						</div>
+					</button>
+					<button
+						class="danger reduced-padding equal-padding"
+					>
+						<div class="icon icon--20">
+							{{{ ../icons.garbage-bin }}}
+						</div>
+					</button>
+				</div>
 			</div>
 		</details>
 	{{else}}
@@ -51,7 +65,7 @@
 
 	<div class="flex-row">
 		<button
-			class="primary add-spell"
+			class="confirm add-spell"
 		>
 			Add New Spell
 		</button>