Horizontal margins for Collapsibles

src/lib/components/Collapsible.svelte

@@ -1,22 +1,27 @@
 <script>
 	import AttributionInformation from '$lib/components/AttributionInformation.svelte';
-	export let title
+	export let title;
-	export let paragraphs
+	export let paragraphs;
-	export let id
+	export let id;
 </script>
 
-<input id={id} class="toggle" type="checkbox" />
+<div class="collapsible-container">
-<label for={id} class="lbl-toggle top">{title}</label>
+	<input {id} class="toggle" type="checkbox" />
-<div class="collapsible-content">
+	<label for={id} class="lbl-toggle top">{title}</label>
-	{#each paragraphs as par}
+	<div class="collapsible-content">
-		<p class="mb-4">{@html par}</p>
+		{#each paragraphs as par}
-	{/each}
+			<p class="mb-4">{@html par}</p>
-	{#if id == "taxonomy"}
+		{/each}
-		<AttributionInformation />
+		{#if id == 'taxonomy'}
-	{/if}
+			<AttributionInformation />
+		{/if}
+	</div>
 </div>
 
 <style>
+	.collapsible-container {
+		margin: 0 2rem;
+	}
 	input.toggle[type='checkbox'] {
 		display: none;
 	}