Final tweaks

Author: stevenpetryk

docs/components/PropTable.tsx

@@ -149,9 +149,9 @@ function PropType({ prop }: { prop: DocgenProp }) {
   return (
     <div className="flex flex-col gap-1">
       {prop.description && (
-        <p className="text-gray-800 dark:text-slate-200 markdown">
+        <div className="text-gray-800 dark:text-slate-200 markdown">
           <ReactMarkdown>{prop.description}</ReactMarkdown>
-        </p>
+        </div>
       )}
       <div className="text-gray-600 dark:text-slate-400">{typeNode}</div>
     </div>

docs/components/guide-examples/display/images/ImageExample.tsx

@@ -1,50 +1,25 @@
 "use client"
 
 import {
-  Coordinates,
-  Image,
   Mafs,
+  Image,
+  Coordinates,
   useMovablePoint,
 } from "mafs"
 
 import image from "./mafs.png"
 
 export default function ImageExample() {
-  const origin = useMovablePoint([3, 3])
-  const padding = 0.1
+  const origin = useMovablePoint([1, 1])
 
   return (
     <Mafs viewBox={{ x: [-1, 7], y: [-1, 5] }}>
       <Coordinates.Cartesian />
-      <Image
-        href={image.src ?? image}
-        anchor="tl"
-        x={origin.x + padding}
-        y={origin.y - padding}
-        width={2}
-        height={2}
-      />
-      <Image
-        href={image.src ?? image}
-        anchor="tr"
-        x={origin.x - padding}
-        y={origin.y - padding}
-        width={2}
-        height={2}
-      />
       <Image
         href={image.src ?? image}
         anchor="bl"
-        x={origin.x + padding}
-        y={origin.y + padding}
-        width={2}
-        height={2}
-      />
-      <Image
-        href={image.src ?? image}
-        anchor="br"
-        x={origin.x - padding}
-        y={origin.y + padding}
+        x={origin.x}
+        y={origin.y}
         width={2}
         height={2}
       />

e2e/generated-vrt.spec.tsx-snapshots/guide-examples-display-images-ImageExample-1-Mobile-Chrome-darwin.png

@@ -19,7 +19,7 @@ export interface ImageProps {
    * This is passed directly to the `preserveAspectRatio` attribute of the SVG
    * `<image>` element.
    *
-   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio
+   * See [preserveAspectRatio](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio) on MDN.
    */
   preserveAspectRatio?: string