From ce847d664c73584c2064fa137cb135ff0c6fbc80 Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Wed, 28 Jul 2021 17:35:31 +0300
Subject: [PATCH] fix(v2): remove top margin from first element inside doc
 article (#5230)

---
 .../docusaurus-theme-classic/src/theme/DocItem/styles.module.css | 1 +
 .../docusaurus-theme-classic/src/theme/TOCCollapsible/index.tsx  | 1 -
 .../src/theme/TOCCollapsible/styles.module.css                   | 1 +
 3 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css b/packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css
index c8bf66096f..a5a07e4a6c 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+.docItemContainer article *:first-child,
 .docItemContainer header + * {
   margin-top: 0;
 }
diff --git a/packages/docusaurus-theme-classic/src/theme/TOCCollapsible/index.tsx b/packages/docusaurus-theme-classic/src/theme/TOCCollapsible/index.tsx
index 8b9c188c34..914c437187 100644
--- a/packages/docusaurus-theme-classic/src/theme/TOCCollapsible/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/TOCCollapsible/index.tsx
@@ -21,7 +21,6 @@ export default function TOCCollapsible({toc, className}: TOCCollapsibleProps) {
   return (
     <div
       className={clsx(
-        'margin-vert--md',
         styles.tocCollapsible,
         {
           [styles.tocCollapsibleExpanded]: !collapsed,
diff --git a/packages/docusaurus-theme-classic/src/theme/TOCCollapsible/styles.module.css b/packages/docusaurus-theme-classic/src/theme/TOCCollapsible/styles.module.css
index 19034bcda7..a0002b940d 100644
--- a/packages/docusaurus-theme-classic/src/theme/TOCCollapsible/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/TOCCollapsible/styles.module.css
@@ -8,6 +8,7 @@
 .tocCollapsible {
   background-color: var(--ifm-menu-color-background-active);
   border-radius: var(--ifm-global-radius);
+  margin: 1rem 0;
 }
 
 .tocCollapsibleButton {