Merges pull request #9

Issue#185

src/lib/components/ArticleHeader.svelte

@@ -71,7 +71,7 @@
 
 {#if title != null && href != null}
   <Card class='ArticleBox card-leather w-lg'>
-    <div class='flex flex-col space-y-4'>
+    <div class='flex flex-col space-y-8'>
       <a href="/{href}" class='flex flex-col space-y-2'>
         <h2 class='text-lg font-bold'>{title}</h2>
         <h3 class='text-base font-normal'>by {author}</h3>
@@ -80,7 +80,7 @@
         {/if}
       </a>
       <div class='w-full flex space-x-2 justify-end'>
-        <Button class='btn-leather' size='xs' onclick={shareNjump}><ShareNodesOutline /></Button>
+        <Button class='btn-leather' size='sm' onclick={shareNjump}><ShareNodesOutline /></Button>
         <Tooltip class='tooltip-leather' type='auto' placement='top' on:show={() => shareLinkCopied = false}>
           {#if shareLinkCopied}
             <ClipboardCheckOutline />
@@ -88,7 +88,7 @@
             Share via NJump
           {/if}
         </Tooltip>
-        <Button class='btn-leather' size='xs' outline onclick={copyEventId}><ClipboardCleanOutline /></Button>
+        <Button class='btn-leather' size='sm' outline onclick={copyEventId}><ClipboardCleanOutline /></Button>
         <Tooltip class='tooltip-leather' type='auto' placement='top' on:show={() => eventIdCopied = false}>
           {#if eventIdCopied}
             <ClipboardCheckOutline />
@@ -96,7 +96,7 @@
             Copy event ID
           {/if}
         </Tooltip>
-        <Button class='btn-leather' size='xs' outline onclick={viewJson}><CodeOutline /></Button>
+        <Button class='btn-leather' size='sm' outline onclick={viewJson}><CodeOutline /></Button>
         <Tooltip class='tooltip-leather' type='auto' placement='top'>View JSON</Tooltip>
       </div>
     </div>

src/lib/components/PublicationFeed.svelte

@@ -80,7 +80,7 @@
   });
 </script>
 
-<div class='leather flex flex-col flex-grow-0 space-y-4 overflow-y-auto w-max p-2'>
+<div class='leather flex flex-col space-y-4'>
   {#if eventsInView.length === 0}
     {#each getSkeletonIds() as id}
       <Skeleton divClass='skeleton-leather w-full' size='lg' />

src/routes/+page.svelte

@@ -22,7 +22,7 @@
   };
 </script>
 
-<div class='leather flex flex-col flex-grow-0 space-y-4 overflow-y-auto w-max p-2'>
+<main class='leather flex flex-col flex-grow-0 space-y-4 p-4'>
   {#if !$ndkSignedIn}
     <PublicationFeed relays={standardRelays} />
   {:else}
@@ -45,4 +45,4 @@
       <PublicationFeed relays={$inboxRelays} />
     {/if}
   {/if}
-</div>
+</main>

src/styles/publications.css

@@ -189,7 +189,7 @@
     /* listingblock, literalblock */
     .note-leather .listingblock,
     .note-leather .literalblock {
-        @apply p-4 rounded  bg-highlight dark:bg-primary-900;
+        @apply p-4 rounded  bg-highlight dark:bg-primary-700;
     }
 
     .note-leather .sidebarblock .title,