Make the debug data a bit more usable

module/handlebars.mjs

@@ -11,7 +11,7 @@ export async function registerHandlebarsHelpers() {
 		"dotdungeon-array": createArray,
 		"dotdungeon-toFriendlyDuration": toFriendlyDuration,
 		"dotdungeon-objectValue": objectValue,
-		"dotdungeon-stringify": JSON.stringify,
+		"dotdungeon-stringify": v => JSON.stringify(v, null, `  `),
 	});
 };
 

templates/actors/char-sheet-mvp/sheet.hbs

@@ -211,17 +211,20 @@
 	{{/ dotdungeon.panel}}
 
 	{{#if settings.devMode}}
-		<div class="debug-data">
+		<div class="debug-data" style="grid-column: 1 / span 3">
 			<div>
-				{{dotdungeon-stringify settings}}
+				Settings:
+				<pre><code>{{dotdungeon-stringify settings}}</code></pre>
 			</div>
 			<hr>
 			<div>
-				{{dotdungeon-stringify system}}
+				System:
+				<pre><code>{{dotdungeon-stringify system}}</code></pre>
 			</div>
 			<hr>
 			<div>
-				{{dotdungeon-stringify actor}}
+				Actor:
+				<pre><code>{{dotdungeon-stringify actor}}</code></pre>
 			</div>
 		</div>
 	{{/if}}