Streamline styles and spacing for .anywhere-footnote-horizontal definition lists in asciidoctor-anywhere-footnote.css.

Author: RayOffiah

src/css/asciidoctor-anywhere-footnote.css

@@ -1,11 +1,9 @@
 .anywhere-footnote-marker {
-  vertical-align: super;
   font-size: 90%;
   text-decoration: none;
 }
 
 .anywhere-footnote-block {
-  vertical-align: super;
   text-decoration: none;
 }
 
@@ -17,67 +15,39 @@
   width: 20%;
 }
 
-/* Updated CSS with anywhere-footnote-horizontal class */
-.anywhere-footnote-horizontal.dlist dt {
-  display: inline-block;
-  margin-right: 0.5em;
-  vertical-align: top;
-  margin-bottom: 0.2em;
+/* Reset and base styles */
+.anywhere-footnote-horizontal.dlist {
+  margin: 0.5em 0;
 }
 
+/* Force each dt and dd to be on the same line */
+.anywhere-footnote-horizontal.dlist dt,
 .anywhere-footnote-horizontal.dlist dd {
-  display: inline-block;
-  margin-left: 0;
-  margin-right: 0;
-  margin-bottom: 0.2em;
-  width: calc(100% - 3em);
-  vertical-align: top; /* Added to ensure top alignment */
+  display: inline !important;
+  vertical-align: top !important;
 }
 
-.anywhere-footnote-horizontal.dlist dd p {
-  display: inline;
-  margin: 0;
-  line-height: 1.2;
-  vertical-align: top; /* Added to ensure top alignment */
+/* Add a narrow gap between dt and dd */
+.anywhere-footnote-horizontal.dlist dt {
+  margin-right: 0.2em !important;
 }
 
-.anywhere-footnote-block .anywhere-footnote-horizontal.dlist {
-  margin-bottom: 0.5em;
-  line-height: 1.3;
+/* Force a line break after each dd */
+.anywhere-footnote-horizontal.dlist dd {
+  margin: 0 !important;
+  padding: 0 !important;
 }
 
-/* Make each term-description pair appear on its own line */
-.anywhere-footnote-horizontal.dlist > dt,
-.anywhere-footnote-horizontal.dlist > dd {
+/* Create a line break after each entry */
+.anywhere-footnote-horizontal.dlist dd::after {
+  content: '';
   display: block;
-  width: 100%;
-  vertical-align: top; /* Added to ensure top alignment */
-}
-
-/* Put the term and description on the same line but force a new line after each pair */
-.anywhere-footnote-horizontal.dlist > dt {
-  display: inline-block;
-  width: auto;
-  margin-right: 0.5em;
-  vertical-align: top; /* Reinforced top alignment */
+  margin-bottom: 0.4em;
 }
 
-.anywhere-footnote-horizontal.dlist > dd {
-  display: inline-block;
-  width: auto;
-  margin-bottom: 0.2em;
-  vertical-align: top; /* Added to ensure top alignment */
-}
-
-/* Force each dt+dd pair to be on a new line with less spacing */
-.anywhere-footnote-horizontal.dlist dt + dd {
-  display: inline-block;
-  margin-bottom: 0.3em;
-  vertical-align: top; /* Added to ensure top alignment */
-}
-
-/* Compact spacing between entries */
-.anywhere-footnote-horizontal.dlist {
-  margin-top: 0.3em;
-  margin-bottom: 0.3em;
+/* Remove margins from paragraphs inside dd */
+.anywhere-footnote-horizontal.dlist dd p {
+  display: inline !important;
+  margin: 0 !important;
+  padding: 0 !important;
 }