From 46851960d09f670b689d10fc9bed832b2f71979e Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 20 Jul 2022 18:00:00 +0100
Subject: [PATCH] chore(post): style the Quick Jump list

---
 .../post/table-of-contents.html.twig          | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/website/source/_includes/post/table-of-contents.html.twig b/website/source/_includes/post/table-of-contents.html.twig
index 65e92ba5..6d4b95f2 100644
--- a/website/source/_includes/post/table-of-contents.html.twig
+++ b/website/source/_includes/post/table-of-contents.html.twig
@@ -1,9 +1,15 @@
 {% if toc %}
-    <ul>
-        {% for title in toc %}
-            <li>
-                <a href="#{{ title|lower|replace({ ' ': '-' }) }}">{{ title }}</a>
-            </li>
-        {% endfor %}
-    </ul>
+    <div class="p-6 my-6 border border-gray-300 dark:bg-gray-800 dark:border-gray-700">
+        <p>Quick jump:</p>
+
+        <div class="mt-2">
+            <ul>
+                {% for title in toc %}
+                    <li>
+                        <a href="#{{ title|lower|replace({ ' ': '-' }) }}">{{ title }}</a>
+                    </li>
+                {% endfor %}
+            </ul>
+        </div>
+    </div>
 {% endif %}