From d9edf7c3342d992d67a6838285e280029d9e2538 Mon Sep 17 00:00:00 2001
From: valentine195 <38669521+valentine195@users.noreply.github.com>
Date: Mon, 21 Mar 2022 11:48:52 -0400
Subject: [PATCH] fix: Wrap encounter table lists in ul

---
 src/encounter/ui/EncounterRow.svelte | 51 ++++++++++++++++------------
 1 file changed, 29 insertions(+), 22 deletions(-)

diff --git a/src/encounter/ui/EncounterRow.svelte b/src/encounter/ui/EncounterRow.svelte
index e2de540d..0508e192 100644
--- a/src/encounter/ui/EncounterRow.svelte
+++ b/src/encounter/ui/EncounterRow.svelte
@@ -143,31 +143,35 @@
 <tr class="encounter-row">
     <td>{name}</td>
     {#if headers.includes("creatures")}
-        <td class="encounter-creatures encounter-list">
-            {#if !hide.includes("creatures") && creatures.size}
-                {#each [...creatures] as [creature, count]}
-                    <li aria-label={label(creature)}>
-                        <strong
-                            use:rollerEl={creature}
-                        />&nbsp;{creature.name}{count == 1 ? "" : "s"}
-                    </li>
-                {/each}
-            {:else}
-                -
-            {/if}
+        <td>
+            <ul class="encounter-creatures encounter-list">
+                {#if !hide.includes("creatures") && creatures.size}
+                    {#each [...creatures] as [creature, count]}
+                        <li aria-label={label(creature)}>
+                            <strong
+                                use:rollerEl={creature}
+                            />&nbsp;{creature.name}{count == 1 ? "" : "s"}
+                        </li>
+                    {/each}
+                {:else}
+                    -
+                {/if}
+            </ul>
         </td>
     {/if}
     {#if headers.includes("players")}
-        <td class="encounter-players encounter-list">
-            {#if !hide.includes("players") && players instanceof Array && players.length}
-                {#each players as player}
-                    <li>
-                        {player}
-                    </li>
-                {/each}
-            {:else}
-                -
-            {/if}
+        <td>
+            <ul class="encounter-players encounter-list">
+                {#if !hide.includes("players") && players instanceof Array && players.length}
+                    {#each players as player}
+                        <li>
+                            {player}
+                        </li>
+                    {/each}
+                {:else}
+                    -
+                {/if}
+            </ul>
         </td>
     {/if}
     {#if plugin.data.displayDifficulty}
@@ -215,4 +219,7 @@
     .icons > div:first-child :global(.clickable-icon) {
         margin-right: 0;
     }
+    ul {
+        margin: 0;
+    }
 </style>