fix margins

Author: danharrin

docs/src/components/Aside.astro

@@ -10,7 +10,7 @@ const { variant } = Astro.props as Props;
 
 <div
     class:list={[
-        "my-3 rounded-lg border-s-4 px-4 py-3 prose-p:my-0",
+        "mb-6 rounded-lg border-s-4 px-4 py-3 prose-p:my-0",
         {
             "border-purple-400 bg-purple-400/10 text-purple-950 dark:bg-purple-500/20 dark:text-purple-100 prose-code:[p_&]:bg-purple-600/10 prose-code:dark:[p_&]:bg-white/20":
                 variant === "tip",

docs/src/components/AutoScreenshot.astro

@@ -11,7 +11,7 @@ const image = fs.readFileSync(new URL(
 const dimensions = probe.sync(image);
 ---
 
-<div style={`aspect-ratio: ${dimensions.width} / ${dimensions.height}`} class="rounded-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10">
+<div style={`aspect-ratio: ${dimensions.width} / ${dimensions.height}`} class="rounded-xl mb-6 ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10">
   <img
     src={`/docs/${version}/images/light/${name}.jpg`}
     alt={alt}

docs/src/components/Disclosure.astro

@@ -1,6 +1,6 @@
 <details
     {...Astro.props}
-    class="rounded-lg bg-[#ffede0] dark:bg-[#100f1b] border-2 border-[#ffd6b6] dark:border-[#282732] px-4 py-2 mb-3"
+    class="rounded-lg bg-[#ffede0] dark:bg-[#100f1b] border-2 border-[#ffd6b6] dark:border-[#282732] px-4 py-2 mb-6"
 >
     <summary class="font-medium">
         <slot name="summary" />

docs/src/components/LaracastsBanner.astro

@@ -26,7 +26,7 @@ if (series === 'building-advanced-components') {
 ---
 
 <div
-  class="not-prose w-full max-w-5xl p-8 min-[900px]:p-10 rounded-2xl bg-gradient-to-t from-[#101E34] to-[#1A3053] text-white flex gap-3 min-[900px]:gap-10 items-start flex-col min-[900px]:flex-row"
+  class="not-prose w-full max-w-5xl p-8 min-[900px]:p-10 rounded-2xl bg-gradient-to-t from-[#101E34] to-[#1A3053] text-white flex gap-3 min-[900px]:gap-10 items-start flex-col min-[900px]:flex-row mb-6"
 >
   <div class="flex min-[900px]:flex-col items-center gap-y-3 gap-x-5 shrink-0 min-[900px]:pt-1.5">
     <!-- Filament Logo -->

docs/src/components/RadioGroup.astro

@@ -39,7 +39,7 @@ const { model } = Astro.props;
     x-id="['radio-group-label']"
     x-model={model}
     x-modelable="value"
-    class="not-prose grid gap-3 max-w-lg w-full"
+    class="not-prose grid gap-3 max-w-lg w-full mb-6"
 >
     <label x-bind:id="$id('radio-group-label')" role="none" class="sr-only">
         Selected option: <span x-text="value"></span>

docs/src/components/Tabs.astro

@@ -21,7 +21,7 @@ const { headers } = Astro.props;
         }
     }"
     x-id="['tab']"
-    class="not-prose my-6"
+    class="not-prose mb-6"
 >
     <ul
         x-ref="tablist"

docs/src/components/UtilityInjection.astro

@@ -310,7 +310,7 @@ const link = {
 }[set]
 ---
 
-<details class="rounded-lg bg-[#ffede0] dark:bg-[#100f1b] border-2 border-[#ffd6b6] dark:border-[#282732] px-4 py-2">
+<details class="rounded-lg mb-6 bg-[#ffede0] dark:bg-[#100f1b] border-2 border-[#ffd6b6] dark:border-[#282732] px-4 py-2">
     <summary class="font-medium">
         <slot />
     </summary>