Fix paragraph spacing inconsistencies in lua docs

luacs-docs/lua/css/ldoc.css

@@ -349,19 +349,30 @@ article h1 {
 article h2 {
   font-size: 20px;
   font-weight: 600;
-  margin-top: 12px;
+  margin-top: calc(var(--padding-tiny) + 2px);
 }
 
 article h3 {
   color: var(--color-good);
-  margin-top: var(--padding-tiny);
+  margin-top: calc(var(--padding-tiny) + 2px);
   text-transform: uppercase;
 }
 
 article p {
+  line-height: calc(var(--font-normal) + 4px);
+}
+
+article p + p,
+article h2 + p,
+article pre + p {
   margin-top: var(--padding-small);
 }
 
+article h3 + p,
+article h4 + p {
+  margin-top: var(--padding-tiny);
+}
+
 article p a,
 article ul li a,
 article h1 a,
@@ -420,7 +431,7 @@ a.reference {
   letter-spacing: 2px;
 }
 
-.notice p {
+.notice .body {
   color: var(--color-notice-text);
 
   margin: 0 !important;
@@ -466,7 +477,7 @@ a.reference {
   font-size: 20px;
 }
 
-.method header p:first-of-type {
+.method header p.description:first-of-type {
   margin-top: var(--padding-tiny);
 }
 

luacs-docs/lua/templates/module.ltp

@@ -23,24 +23,30 @@
         {% if item.tags.deprecated then %}
           <div class="notice warning">
             <div class="title">Deprecated</div>
-            <p>This API is deprecated and shouldn't be used anymore.</p>
+            <div class="body">
+              <p>This API is deprecated and shouldn't be used anymore.</p>
+            </div>
           </div>
         {% end %}
 
         {% if (item.tags.internal) then %}
           <div class="notice error">
             <div class="title">Internal</div>
-            <p>This is an internal function! You are able to use it, but you risk unintended side effects if used incorrectly.</p>
+            <div class="body">
+              <p>This is an internal function! You are able to use it, but you risk unintended side effects if used incorrectly.</p>
+            </div>
           </div>
         {% end %}
 
         {% if (ldoc.descript(item):len() == 0) then %}
           <div class="notice warning">
             <div class="title">Incomplete</div>
-            <p>Documentation for this section is incomplete and needs expanding.</p>
+            <div class="body">
+              <p>Documentation for this section is incomplete and needs expanding.</p>
+            </div>
           </div>
         {% else %}
-          <p>{* ldoc.markup(ldoc.descript(item)) *}</p>
+          <p class="description">{* ldoc.markup(ldoc.descript(item)) *}</p>
         {% end %}
       </header>