From 1b711c9963dc5552145d94da1293bc06f1381c92 Mon Sep 17 00:00:00 2001
From: Mark Skelton <mark.skelton@acquia.com>
Date: Wed, 13 Apr 2022 11:36:20 -0500
Subject: [PATCH] Cleanup node list

---
 .changeset/clean-sheep-shop.md | 5 +++++
 template.ejs                   | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/clean-sheep-shop.md

diff --git a/.changeset/clean-sheep-shop.md b/.changeset/clean-sheep-shop.md
new file mode 100644
index 0000000..0961b73
--- /dev/null
+++ b/.changeset/clean-sheep-shop.md
@@ -0,0 +1,5 @@
+---
+'axe-reporter-html': patch
+---
+
+Fix multiple nodes not displaying properly
diff --git a/template.ejs b/template.ejs
index dae1dcb..b4377c6 100644
--- a/template.ejs
+++ b/template.ejs
@@ -32,10 +32,12 @@
 
       .node-list {
         display: flex;
+        flex-direction: column;
         gap: 8px;
       }
 
       .node-list pre {
+        margin: 0;
         width: 100%;
       }
 
@@ -96,7 +98,7 @@
             <li>Tags: <%= check.tags %></li>
           </ul>
 
-          <p style="margin: 0">
+          <p style="margin-bottom: 8px">
             <b><%= check.nodes.length %></b> <%= plural(check.nodes.length,
             'node') %> triggered this violation.
           </p>