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="volumes">
+<div class="p-2">
+	<div class="float-right">
+		<Button outline color="red" on:click={onDelete}>Delete manga</Button>
+	</div>
+	<div class="volumes">
 		{#if manga}
 			{#each manga as volume}
 				<VolumeItem {volume} />
 			{/each}
 		{/if}
+	</div>
 </div>
 
 <Modal bind:open={popupModal} size="xs" autoclose>