From bbb1ddfaa33219f4f3c9bcb8dacf14e4994bc6c9 Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Fri, 26 May 2023 17:39:13 +0330
Subject: [PATCH] fix: fix Admonition spacing and typography styles

---
 .../src/client/theme/Admonition/index.tsx              |  9 ++++-----
 .../src/client/theme/Admonition/styles.module.css      | 10 ++++++++--
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/logos-docusaurus-theme/src/client/theme/Admonition/index.tsx b/packages/logos-docusaurus-theme/src/client/theme/Admonition/index.tsx
index 8899c60..34b3da1 100644
--- a/packages/logos-docusaurus-theme/src/client/theme/Admonition/index.tsx
+++ b/packages/logos-docusaurus-theme/src/client/theme/Admonition/index.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import clsx from 'clsx'
+import { Typography } from '@acid-info/lsd-react'
 import { ThemeClassNames } from '@docusaurus/theme-common'
 import Translate from '@docusaurus/Translate'
+import clsx from 'clsx'
+import React from 'react'
 import styles from './styles.module.css'
-import { Typography } from '@acid-info/lsd-react'
 
 function NoteIcon() {
   return (
@@ -220,8 +220,7 @@ export default function Admonition(props) {
     >
       <span className={styles.admonitionIcon}>{icon}</span>
       <div>
-        {/* LSD doesn't support 20px font size, so we use h6 instead */}
-        <Typography component="h6" className={styles.admonitionHeading}>
+        <Typography variant="body1" className={styles.admonitionHeading}>
           {titleLabel}
         </Typography>
         <Typography variant="body1" className={styles.admonitionContent}>
diff --git a/packages/logos-docusaurus-theme/src/client/theme/Admonition/styles.module.css b/packages/logos-docusaurus-theme/src/client/theme/Admonition/styles.module.css
index 9cafa43..48ed4af 100644
--- a/packages/logos-docusaurus-theme/src/client/theme/Admonition/styles.module.css
+++ b/packages/logos-docusaurus-theme/src/client/theme/Admonition/styles.module.css
@@ -7,8 +7,9 @@
 }
 
 .admonitionHeading {
-  font: var(--ifm-heading-font-weight) var(--ifm-h5-font-size) /
-    var(--ifm-heading-line-height) var(--ifm-heading-font-family);
+  font-weight: 400;
+  font-size: 1.25rem !important;
+  line-height: 1.5rem !important;
   text-transform: capitalize;
   margin-bottom: 0.3rem;
 }
@@ -33,6 +34,11 @@
   fill: var(--ifm-alert-border-color);
 }
 
+.admonitionContent {
+  display: block;
+  margin-top: 12px;
+}
+
 .admonitionContent > :last-child {
   margin-bottom: 0;
 }