fix: adjust margins for headers in articles

Ticket: ENT-11429 Changelog: None Signed-off-by: Mikita Pilinka <[email protected]> (cherry picked from commit 0472b68)
cfengine · Apr 8, 2024 · 11f03fc · 11f03fc
1 parent ecf4104
commit 11f03fc
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/generator/_assets/styles/less/article.less b/generator/_assets/styles/less/article.less
@@ -62,25 +62,28 @@ article {
     h1 {
       font-size: 36px;
       line-height: 44px;
-      margin-bottom: 1.6rem;
+      margin: 2rem 0;
     }
 
     h2 {
       font-size: 24px;
       line-height: 32px;
       margin-top: 4rem;
+      margin-bottom: 2rem;
     }
 
     h3 {
       font-size: 19px;
       line-height: 24px;
-      margin-top: 2.4rem;
+      margin-top: 4rem;
+      margin-bottom: 2rem;
     }
 
     h4 {
       font-size: 16px;
       line-height: 24px;
-      margin-top: 2.4rem;
+      margin-top: 4rem;
+      margin-bottom: 2rem;
     }
 
     h5 {
@@ -90,7 +93,7 @@ article {
     }
 
     p {
-      margin-bottom: 16px;
+      margin-bottom: 1.2rem;
     }
 
     ul, ol {
@@ -110,7 +113,7 @@ article {
 
     .article_title {
       display: flex;
-      align-items: flex-start;
+      align-items: center;
       word-wrap: break-word;
       grid-gap: 12px;
 

diff --git a/generator/_assets/styles/less/base.less b/generator/_assets/styles/less/base.less
@@ -221,7 +221,9 @@ div.highlight {
   border: 1px solid @gray-300;
   border-radius: .4rem;
   margin: 1.2rem 0 4rem 0;
-
+  &.code{
+    margin-bottom: 1.6rem;
+  }
   .code_block {
     > div {
       background: white;