fix(ui): minor padding adjustment for readme heading (#881)

Co-authored-by: Daniel Roe <daniel@roe.dev>

Author: garthdw

app/components/Readme.vue

@@ -88,7 +88,7 @@ function handleClick(event: MouseEvent) {
   color: var(--fg);
   @apply font-mono;
   font-weight: 500;
-  margin-top: 2rem;
+  margin-top: 1rem;
   margin-bottom: 1rem;
   line-height: 1.3;
 

app/pages/package/[...package].vue

@@ -1040,11 +1040,11 @@ defineOgImageComponent('Package', {
 
       <!-- README -->
       <section id="readme" class="area-readme min-w-0 scroll-mt-20">
-        <div class="flex flex-wrap items-center justify-between mb-4">
+        <div class="flex flex-wrap items-center justify-between mb-3">
           <h2 id="readme-heading" class="group text-xs text-fg-subtle uppercase tracking-wider">
             <a
               href="#readme"
-              class="inline-flex py-4 px-2 items-center gap-1.5 text-fg-subtle hover:text-fg-muted transition-colors duration-200 no-underline"
+              class="inline-flex items-center gap-1.5 text-fg-subtle hover:text-fg-muted transition-colors duration-200 no-underline"
             >
               {{ $t('package.readme.title') }}
               <span