From 5edce1fe6aa69d34e4b69c91a8050f1a297c73ce Mon Sep 17 00:00:00 2001
From: Hahn <nmsohn@users.noreply.github.com>
Date: Mon, 24 Feb 2020 20:56:50 +1300
Subject: [PATCH] [WIP]h1 padding bottom value changed (#3215)

* h1 padding bottom value changed

* padding top added to <p>

* padding top to h1

* h2 padding top updated

* heading changed

* typo

* Updated margin for h1 ~ h6
---
 browser/components/MarkdownPreview.js | 14 +++++++++++---
 browser/components/markdown.styl      | 22 ++++++++--------------
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/browser/components/MarkdownPreview.js b/browser/components/MarkdownPreview.js
index 75635c89..86173a02 100755
--- a/browser/components/MarkdownPreview.js
+++ b/browser/components/MarkdownPreview.js
@@ -156,14 +156,22 @@ h1, h2 {
   border: none;
 }
 
+h3 {
+  margin: 1em 0 0.8em;
+}
+
+h4, h5, h6 {
+  margin: 1.1em 0 0.5em;
+}
+
 h1 {
-  padding-bottom: 4px;
+  padding: 0.2em 0 0.2em;
   margin: 1em 0 8px;
 }
 
 h2 {
-  padding-bottom: 0.2em;
-  margin: 1em 0 0.37em;
+  padding: 0.2em 0 0.2em;
+  margin: 1em 0 0.7em;
 }
 
 body p {
diff --git a/browser/components/markdown.styl b/browser/components/markdown.styl
index 00f0b51c..8ad50e39 100644
--- a/browser/components/markdown.styl
+++ b/browser/components/markdown.styl
@@ -124,40 +124,34 @@ hr
   border-bottom solid 1px borderColor
   margin 15px 0
 h1, h2, h3, h4, h5, h6
+  margin 1em 0 1.5em
+  line-height 1.4
   font-weight bold
   word-wrap break-word
+  padding .2em 0 .2em
 h1
   font-size 2.55em
-  padding-bottom 0.3em
-  line-height 1.2em
+  line-height 1.2
   border-bottom solid 1px borderColor
-  margin 1em 0 0.44em
   &:first-child
     margin-top 0
 h2
   font-size 1.75em
-  padding-bottom 0.3em
-  line-height 1.225em
+  line-height 1.225
   border-bottom solid 1px borderColor
-  margin 1em 0 0.57em
   &:first-child
     margin-top 0
 h3
   font-size 1.5em
-  line-height 1.43em
-  margin 1em 0 0.66em
+  line-height 1.43
 h4
   font-size 1.25em
-  line-height 1.4em
-  margin 1em 0 0.8em
+  line-height 1.4
 h5
   font-size 1em
-  line-height 1.4em
-  margin 1em 0 1em
+  line-height 1.1
 h6
   font-size 1em
-  line-height 1.4em
-  margin 1em 0 1em
   color #777
 p
   line-height 1.6em