Layout issues - make content fill screen and move publication navi again

src/routes/+layout.svelte

@@ -40,7 +40,7 @@
   <meta name="twitter:image" content="{image}" />
 </svelte:head>
 
-<div class={'leather min-h-full w-full flex flex-col items-center'}>
+<div class={'leather min-h-screen w-full flex flex-col items-center'}>
   <Navigation class='sticky top-0' />
   <Alert rounded={false} class='!hidden border-t-4 border-primary-500 text-gray-900 dark:text-gray-100 dark:border-primary-500 flex justify-left mb-2'>
     <HammerSolid class='mr-2 h-5 w-5 text-primary-500 dark:text-primary-500' />

src/routes/publication/+page.svelte

@@ -46,14 +46,14 @@
   <meta name="twitter:image" content="{image}" />
 </svelte:head>
 
+{#key data}
+  <ArticleNav publicationType={data.publicationType} rootId={data.parser.getRootIndexId()} indexEvent={data.indexEvent} />
+{/key}
 
 <main class="publication {data.publicationType}">
   {#await data.waitable}
     <TextPlaceholder divClass='skeleton-leather w-full' size="xxl" />
   {:then}
-    {#key data}
-      <ArticleNav publicationType={data.publicationType} rootId={data.parser.getRootIndexId()} indexEvent={data.indexEvent} />
-    {/key}
     <Publication
       rootAddress={data.indexEvent.tagAddress()}
       publicationType={data.publicationType}