From a8b3da30d64a58588ce3a00bd08863c0e55c9f7e Mon Sep 17 00:00:00 2001
From: Ritesh <ritpan2003@gmail.com>
Date: Tue, 4 Aug 2020 18:30:50 +0530
Subject: [PATCH 1/2] fix: Increase margin of header and ruler for better
 legibility

fix: Margin of H3 H4 HR was set to zero by reset.css. This was causing
problem in readability.
---
 webapp/components/Editor/ContentViewer.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/webapp/components/Editor/ContentViewer.vue b/webapp/components/Editor/ContentViewer.vue
index b9a167df7..f5d7e88a9 100644
--- a/webapp/components/Editor/ContentViewer.vue
+++ b/webapp/components/Editor/ContentViewer.vue
@@ -39,3 +39,10 @@ export default {
   },
 }
 </script>
+<style lang="scss">
+h3,
+h4,
+hr {
+  margin: 8px 0;
+}
+</style>

From c3265f53ab28f592ae3819faf46d7eda6c115b19 Mon Sep 17 00:00:00 2001
From: Ritesh <ritpan2003@gmail.com>
Date: Wed, 5 Aug 2020 13:55:12 +0530
Subject: [PATCH 2/2] Changed top margin to a higher value as compared to
 margin bottom

---
 webapp/components/Editor/ContentViewer.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/webapp/components/Editor/ContentViewer.vue b/webapp/components/Editor/ContentViewer.vue
index f5d7e88a9..d4acacb09 100644
--- a/webapp/components/Editor/ContentViewer.vue
+++ b/webapp/components/Editor/ContentViewer.vue
@@ -40,9 +40,9 @@ export default {
 }
 </script>
 <style lang="scss">
-h3,
-h4,
-hr {
-  margin: 8px 0;
+.ProseMirror h3,
+.ProseMirror h4,
+.ProseMirror hr {
+  margin: 24px 0 8px;
 }
 </style>