Reset the top margin of paragraphs and admonitions if they are first …

…elements in markdown content (#184) Signed-off-by: Damian Stasik <[email protected]>
opentofu · Sep 5, 2024 · 3e2a67e · 3e2a67e
1 parent c47105a
commit 3e2a67e
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/frontend/src/components/Markdown/P.tsx b/frontend/src/components/Markdown/P.tsx
@@ -57,7 +57,10 @@ export function MarkdownP({ children }: HTMLAttributes<HTMLParagraphElement>) {
     return (
       <div
         role="alert"
-        className={clsx("mt-5 px-3 py-2 [li>&:first-child]:mt-0", className)}
+        className={clsx(
+          "mt-5 px-3 py-2 first:mt-0 [li>&:first-child]:mt-0",
+          className,
+        )}
       >
         {content}
         {remainingContent}
@@ -66,7 +69,7 @@ export function MarkdownP({ children }: HTMLAttributes<HTMLParagraphElement>) {
   }
 
   return (
-    <Paragraph className="mt-5 leading-7 [li>&:first-child]:mt-0">
+    <Paragraph className="mt-5 leading-7 first:mt-0 [li>&:first-child]:mt-0">
       {children}
     </Paragraph>
   );