Improve display of dataset.meta properties (ref #280) and include style block fo pre

Author: tcompa

src/routes/projects/[projectId]/datasets/[datasetId]/+page.svelte

@@ -1,3 +1,7 @@
+<style type='text/css'>
+	pre {display: inline;}
+</style>
+
 <script>
 	import { onMount } from 'svelte';
 	import { page } from '$app/stores';
@@ -286,8 +290,14 @@
 								<span class="text-capitalize">{key}</span>
 							</li>
 							<li class="list-group-item text-break">
-								{#if typeof value == "object" && value !== null && Object.keys(value).length > 1}
-									<code><pre>{JSON.stringify(value, null, 2)}</pre></code>
+								{#if value === null}
+									<span>-</span>
+								{:else if typeof value == "object"}
+									{#if Object.keys(value).length > 1}
+										<code><pre>{JSON.stringify(value, null, 2)}</pre></code>
+									{:else}
+										<code><pre>{JSON.stringify(value, null)}</pre></code>
+									{/if}
 								{:else}
 									<code>{value}</code>
 								{/if}