💄 UI - Add more space above the h2 (#1972)

* add more margin space to h2

* Refactor CSS rules for header margins

---------

Co-authored-by: Tiago Araújo [SSW] <[email protected]>

Author: Aibono1225

src/style.css

@@ -808,11 +808,15 @@ blockquote :last-child {
 /* Single Rule
 -------------------------------------------------- */
 
-  .rule-header-container h1 {
-    margin-top: 1rem;
-  }
+.rule-header-container h1 {
+  margin-top: 1rem;
+}
+
+.rule-content h2, .rule-content .h2 {
+  margin-top: 3rem;
+}
 
-.rule-content h2, .rule-content h3, .rule-content h4, .rule-content h5, .rule-content h6, .rule-content .h1, .rule-content .h2, .rule-content .h3, .rule-content .h4, .rule-content .h5, .rule-content .h6 {
+.rule-content h3, .rule-content h4, .rule-content h5, .rule-content h6, .rule-content .h1, .rule-content .h3, .rule-content .h4, .rule-content .h5, .rule-content .h6 {
   margin-top: 2rem;
 }