update vertical margins

Author: gwleuverink

resources/views/components/docs/copy-markdown-button.blade.php

@@ -1,5 +1,5 @@
 {{-- Copy as Markdown Button --}}
-<div {{ $attributes->merge(['class' => 'mb-4']) }} x-data="copyMarkdown()" x-init="$watch('$el', () => {})">
+<div {{ $attributes }} x-data="copyMarkdown()" x-init="$watch('$el', () => {})">
     <button
         @click="copyMarkdownToClipboard()"
         class="flex items-center gap-1.5 text-sm opacity-60 hover:opacity-100 transition-opacity duration-200"
@@ -13,4 +13,4 @@ class="flex items-center gap-1.5 text-sm opacity-60 hover:opacity-100 transition
         <div x-show="!showMessage">Copy as Markdown</div>
         <div x-show="showMessage" x-cloak>Copied!</div>
     </button>
-</div>
+</div>

resources/views/components/docs/sidebar-right.blade.php

@@ -1,5 +1,5 @@
 <aside
-    class="sticky top-20 hidden max-h-[clamp(15rem,100svh,88svh)] w-68 shrink-0 flex-col overflow-y-auto overflow-x-hidden px-3 py-4 xl:flex"
+    class="sticky top-20 hidden space-y-4 max-h-[clamp(15rem,100svh,88svh)] w-68 shrink-0 flex-col overflow-y-auto overflow-x-hidden px-3 py-4 xl:flex"
 >
     {{ $slot }}
 </aside>

resources/views/components/docs/toc-and-sponsors.blade.php

@@ -31,7 +31,7 @@ class="mt-4 flex min-h-20 flex-col space-y-2 overflow-y-auto overflow-x-hidden b
 @endif
 
 <div
-    class="mt-7 max-w-52 border-t border-t-black/20 pt-5 dark:border-t-white/15"
+    class="mt-3 max-w-52 border-t border-t-black/20 pt-5 dark:border-t-white/15"
 >
     {{-- Sponsors --}}
     <h3 class="flex items-center gap-1.5 text-sm opacity-60">

resources/views/docs/index.blade.php

@@ -7,8 +7,8 @@
         {{-- Version switcher --}}
         @if($platform === 'desktop')
             <livewire:version-switcher :versions="[
-                1 => 'v1.x',
-                2 => 'v2.x'
+                1 => '1.x',
+                2 => '2.x'
             ]" />
         @endif
 
@@ -22,43 +22,46 @@
     <x-docs.separator class="mt-4" />
 
     {{-- Table of contents --}}
-    <div class="xl:hidden pt-5">
+    <div class="xl:hidden pt-9 space-y-4">
 
         {{-- Version switcher --}}
         @if($platform === 'desktop')
             <livewire:version-switcher :versions="[
-                1 => 'v1.x',
-                2 => 'v2.x'
+                1 => '1.x',
+                2 => '2.x'
             ]" />
         @endif
 
         {{-- Copy as Markdown Button --}}
-        <x-docs.copy-markdown-button class="mt-4" />
-    
-        <h3 class="inline-flex items-center gap-1.5 text-sm opacity-50">
-            {{-- Icon --}}
-            <x-icons.stacked-lines class="size-[18px]" />
-            {{-- Label --}}
-            <div>On this page</div>
-        </h3>
-        @if (count($tableOfContents) > 0)
-            <div
-                class="mt-2 flex flex-col space-y-2 border-l text-xs dark:border-l-white/15"
-            >
-                @foreach ($tableOfContents as $item)
-                    <a
-                        href="#{{ $item['anchor'] }}"
-                        @class([
-                            'transition duration-300 ease-in-out will-change-transform hover:translate-x-0.5 hover:text-violet-400 hover:opacity-100 dark:text-white/80',
-                            'pb-1 pl-3' => $item['level'] == 2,
-                            'py-1 pl-6' => $item['level'] == 3,
-                        ])
-                    >
-                        {{ $item['title'] }}
-                    </a>
-                @endforeach
-            </div>
-        @endif
+        <x-docs.copy-markdown-button />
+
+        <div>
+            <h3 class="inline-flex items-center gap-1.5 text-sm opacity-50">
+                {{-- Icon --}}
+                <x-icons.stacked-lines class="size-[18px]" />
+                {{-- Label --}}
+                <div>On this page</div>
+            </h3>
+            @if (count($tableOfContents) > 0)
+                <div
+                    class="mt-2 flex flex-col space-y-2 border-l text-xs dark:border-l-white/15"
+                >
+                    @foreach ($tableOfContents as $item)
+                        <a
+                            href="#{{ $item['anchor'] }}"
+                            @class([
+                                'transition duration-300 ease-in-out will-change-transform hover:translate-x-0.5 hover:text-violet-400 hover:opacity-100 dark:text-white/80',
+                                'pb-1 pl-3' => $item['level'] == 2,
+                                'py-1 pl-6' => $item['level'] == 3,
+                            ])
+                        >
+                            {{ $item['title'] }}
+                        </a>
+                    @endforeach
+                </div>
+            @endif
+        </div>
+
     </div>
 
     <div