Fix partials/notes content layout

src/partials/Content.svelte

@@ -5,11 +5,17 @@
 
   const className = "flex flex-col m-auto text-white gap-6"
 
-  if (!['lg', '2xl'].includes(size)) {
+  if (!['inherit', 'lg', '2xl'].includes(size)) {
     throw new Error(`Invalid size: ${size}`)
   }
 </script>
 
+{#if size === 'inherit'}
+<div {...$$props} class={cx($$props.class, className)}>
+  <slot />
+</div>
+{/if}
+
 {#if size === 'lg'}
 <div {...$$props} class={cx($$props.class, className, "p-2 py-16 max-w-lg")}>
   <slot />
@@ -17,7 +23,7 @@
 {/if}
 
 {#if size === '2xl'}
-<div {...$$props} class={cx($$props.class, className, "p-4 lg:py-8 max-w-2xl")}>
+<div {...$$props} class={cx($$props.class, className, "p-4 max-w-2xl")}>
   <slot />
 </div>
 {/if}

src/partials/Notes.svelte

@@ -46,19 +46,21 @@
   })
 </script>
 
-{#if newNotes.length > 0}
-<div
+<Content size="inherit" class="pt-6">
+  {#if newNotes.length > 0}
+  <div
     in:slide
     class="cursor-pointer text-center underline text-light"
     on:click={showNewNotes}>
     Load {quantify(newNotes.length, 'new note')}
-</div>
-{/if}
+  </div>
+  {/if}
 
-<div>
+  <div>
     {#each notes as note (note.id)}
     <Note {note} {depth} />
     {/each}
-</div>
+  </div>
 
-<Spinner />
+  <Spinner />
+</Content>