From 7e4bfba35d7f943fe240cbdb09f8687a222d2648 Mon Sep 17 00:00:00 2001
From: tastytea <tastytea@tastytea.de>
Date: Sat, 2 Nov 2019 06:54:59 +0100
Subject: [PATCH] Use div instead of p where sensible.

---
 README.adoc                |  2 ++
 mastodon-api-comments.html |  2 +-
 mastodon-api-comments.js   | 12 ++++++------
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/README.adoc b/README.adoc
index 217a918..cbc2d1c 100644
--- a/README.adoc
+++ b/README.adoc
@@ -65,6 +65,8 @@ The generated HTML uses these classes:
 .mastodon-api-comment
 {
     margin-left: 1em;
+    margin-bottom: 0.4em;
+    padding: 0 0.4em;
     border: 0.1em solid black;
 }
 .mastodon-api-comment:nth-child(even)
diff --git a/mastodon-api-comments.html b/mastodon-api-comments.html
index 967feff..5d5ee50 100644
--- a/mastodon-api-comments.html
+++ b/mastodon-api-comments.html
@@ -2,7 +2,7 @@
 {{ $status_id := .Get "status_id" | default "" }}
 
 {{ partial "mastodon-api-comments-scripts.html" . }}
-<p id="mastodon-api-comments_{{ $status_id }}" class="mastodon-api-comments"></p>
+<div id="mastodon-api-comments_{{ $status_id }}" class="mastodon-api-comments"></div>
 <noscript><p>Comments only work with JavaScript enabled.</p></noscript>
 <script type="application/javascript">
  fetch_mastodon_api_comments("{{ $instance }}", "{{ $status_id }}");
diff --git a/mastodon-api-comments.js b/mastodon-api-comments.js
index 178187d..e72fac4 100644
--- a/mastodon-api-comments.js
+++ b/mastodon-api-comments.js
@@ -51,9 +51,9 @@ function write_comments(root, data)
                 '<img style="height: 1em;" src="' + emoji.url + '">');
         }
 
-        const p = document.createElement("p");
-        p.setAttribute("class", "mastodon-api-comment");
-        p.appendChild(author_html(status));
+        const div = document.createElement("div");
+        div.setAttribute("class", "mastodon-api-comment");
+        div.appendChild(author_html(status));
         if (status.spoiler_text.length > 0)
         {
             const subject_p = document.createElement("p");
@@ -61,13 +61,13 @@ function write_comments(root, data)
             const subject = document.createElement("strong");
             subject.appendChild(document.createTextNode(status.spoiler_text));
             subject_p.appendChild(subject);
-            p.appendChild(subject_p);
+            div.appendChild(subject_p);
         }
         const content_p = document.createElement("p");
         content_p.setAttribute("class", "mastodon-api-comment-content");
         content_p.innerHTML = content;
-        p.appendChild(content_p);
-        root.appendChild(p);
+        div.appendChild(content_p);
+        root.appendChild(div);
     }
 }