.

Author: Fernando-A-Rocha

web/src/components/CodeExamplesSection.astro

@@ -18,7 +18,7 @@ const { codeExamples } = Astro.props;
   <div class="examples-section">
     <h4>Code Examples</h4>
     {codeExamples.map((example) => (
-      <div class="function-example">
+      <div class="code-example">
         {example.description && (
           <Fragment set:html={marked(example.description)} />
         )}

web/src/overrides/Pagination.astro

@@ -2,8 +2,6 @@
 import { CardGrid } from '@astrojs/starlight/components';
 import IconLinkCard from '@src/components/IconLinkCard.astro';
 ---
-<hr>
-
 <CardGrid>
     <IconLinkCard
         icon="seti:powershell"

web/src/pages/[event].astro

@@ -5,7 +5,6 @@ import { marked } from 'marked';
 import fs from "fs";
 import path from "path";
 import { Code } from '@astrojs/starlight/components';
-import '@src/styles/function-page.css';
 import { getSeeAlsoLinksForItem } from '@src/utils/general';
 
 import NoteBox from '@src/components/NoteBox.astro';

web/src/pages/[func].astro

@@ -9,7 +9,6 @@ import path from "path";
 import { Code } from '@astrojs/starlight/components';
 
 import NoteBox from '@src/components/NoteBox.astro';
-import '@src/styles/function-page.css';
 import type { NotesType } from '@src/utils/types';
 
 import SeeAlsoSection from '@src/components/SeeAlsoSection.astro';

web/src/styles/custom.css

@@ -14,6 +14,28 @@
     font-size: 0.7em;
 }
 
+.function-syntax,
+.function-oop,
+.notes-section,
+.examples-section {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+}
+
+.see-also-section {
+    margin-top: 2rem;
+}
+
+.code-example {
+    margin-bottom: 1.5rem;
+}
+.code-example > :first-child {
+    margin-bottom: 0.5rem;
+}
+.code-example > :last-child {
+    margin-bottom: 0;
+}
+
 /* Styling for "Client-side / Server-side / Shared" */
 .side-shared {
     color: var(--color-type-shared);