From ba23725243a28bb622954991181d87fa963e48a2 Mon Sep 17 00:00:00 2001
From: mat <github@matdoes.dev>
Date: Mon, 21 Feb 2022 22:46:33 -0600
Subject: Change the list in the TOC so there's only <ul>s

---
 src/lib/Toc.svelte | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

(limited to 'src/lib/Toc.svelte')

diff --git a/src/lib/Toc.svelte b/src/lib/Toc.svelte
index 190c6a4..7259fee 100644
--- a/src/lib/Toc.svelte
+++ b/src/lib/Toc.svelte
@@ -4,12 +4,14 @@
 	export let categories: string[]
 </script>
 
-<ul id="toc">
+<div id="toc">
 	<h3>Contents</h3>
-	{#each categories as category}
-		<li><a href="#{category}">{cleanId(category)}</a></li>
-	{/each}
-</ul>
+	<ul>
+		{#each categories as category}
+			<li><a href="#{category}">{cleanId(category)}</a></li>
+		{/each}
+	</ul>
+</div>
 
 <style>
 	#toc {
@@ -20,6 +22,11 @@
 
 		display: inline-block;
 		background: rgba(0, 0, 0, 0.1);
+		margin-bottom: 1em;
+	}
+	#toc ul {
+		padding: 0;
+		margin: 0;
 	}
 	#toc li {
 		list-style-type: none;
-- 
cgit