Cleanup node list

Widen · Apr 13, 2022 · 1b711c9 · 1b711c9
1 parent 21cd45d
commit 1b711c9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/clean-sheep-shop.md 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
@@ -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>