Minor cleanup

src/lib/settings/index.ts

@@ -15,7 +15,7 @@ type Settings = {
 const defaultSettings: Settings = {
   zoomMode: 'keep',
   rightToLeft: true,
-  singlePageView: false,
+  singlePageView: true,
   displayOCR: true,
   textEditable: false,
   textBoxBorders: false,

src/routes/+page.svelte

@@ -2,4 +2,4 @@
 	import Catalog from '$lib/components/Catalog.svelte';
 </script>
 
-<Catalog />
+<div class="p-2"><Catalog /></div>

src/routes/[manga]/+page.svelte

@@ -36,13 +36,17 @@
 	}
 </script>
 
-<div class="float-right"><Button outline color="red" on:click={onDelete}>Delete manga</Button></div>
+<div class="p-2">
-<div class="volumes">
+	<div class="float-right">
-	{#if manga}
+		<Button outline color="red" on:click={onDelete}>Delete manga</Button>
-		{#each manga as volume}
+	</div>
-			<VolumeItem {volume} />
+	<div class="volumes">
-		{/each}
+		{#if manga}
-	{/if}
+			{#each manga as volume}
+				<VolumeItem {volume} />
+			{/each}
+		{/if}
+	</div>
 </div>
 
 <Modal bind:open={popupModal} size="xs" autoclose>