[ELPA] CSS improvements

[Adam Porter <adam@alphapapa.net>]

[-- Attachment #1: Type: text/plain, Size: 340 bytes --]

Hi Stefan, Philip, et al,

ELPA's CSS currently has a few small issues: some elements have no top 
margins, so they run into preceding elements; and some heading levels 
have the same appearance as normal body text.

The attached patches resolve these problems and make, especially, 
package documentation much easier to read.

Thanks,
Adam

[-- Attachment #2: 0001-html-layout.css-p-Improve-margins.patch --]
[-- Type: text/x-patch, Size: 803 bytes --]

From c846798ff3f4cb19308c875cc37bf0a48537aa6d Mon Sep 17 00:00:00 2001
From: Adam Porter <adam@alphapapa.net>
Date: Sun, 11 Sep 2022 08:25:48 -0500
Subject: [PATCH 1/2] * html/layout.css (p): Improve margins

Previously, paragraphs only had bottom margins, which caused them to
have nearly no spacing between them and other, non-paragraph page
elements.  This change maintains the same spacing between paragraphs,
while adding space after other elements, which looks *much* better.
---
 html/layout.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/html/layout.css b/html/layout.css
index 48f9aa5fc7..59d88a3bec 100644
--- a/html/layout.css
+++ b/html/layout.css
@@ -127,7 +127,7 @@ pre .kw {
 }
 
 p {
-  margin-bottom: 2em;
+  margin: 1em 0 1em 0;
 }
 
 p.centered {
-- 
2.34.0


[-- Attachment #3: 0002-html-layout.css-h4-h5-Margins-text-decoration.patch --]
[-- Type: text/x-patch, Size: 856 bytes --]

From 5596bf6d98b1f00f2250f0c86f119b83bcda2131 Mon Sep 17 00:00:00 2001
From: Adam Porter <adam@alphapapa.net>
Date: Sun, 11 Sep 2022 08:33:51 -0500
Subject: [PATCH 2/2] * html/layout.css (h4, h5): Margins, text-decoration

The margin changes add whitespace after other page elements, matching
the margins of other heading levels.  The text decorations visually
distinguish them from normal body text.  The result is much more
readable.
---
 html/layout.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/html/layout.css b/html/layout.css
index 59d88a3bec..dbd7a9626e 100644
--- a/html/layout.css
+++ b/html/layout.css
@@ -92,6 +92,14 @@ h3 {
   font-size: 1.5em;
   margin: 1.2em 0px;
 }
+h4 {
+  margin: 1em 0px;
+  text-decoration: underline;
+}
+h5 {
+  margin: 1em 0px;
+  text-decoration: italic;
+}
 
 a {
   color: #c73a6c;
-- 
2.34.0