feat: tweak littlefoot style

- use numerical footnotes
- vertically align footnote buttons to the top
- smaller popover

1 files changed, 11 insertions, 1 deletions

diff --git a/layouts/_partials/scripts/littlefoot-js.html b/layouts/_partials/scripts/littlefoot-js.html
index 2601b7c4..69c9ce14 100644
--- a/layouts/_partials/scripts/littlefoot-js.html
+++ b/layouts/_partials/scripts/littlefoot-js.html
@@ -1,6 +1,16 @@
 <script>
   littlefoot.littlefoot({
     dismissOnUnhover: true,
-    activateOnHover: true
+    activateOnHover: true,
+    scope: '.markdown-body',
+    buttonTemplate: `
+      <button
+        aria-label="Footnote <% number %>"
+        class="littlefoot__button"
+        id="<% reference %>"
+      />
+        <% number %>
+      </button>
+    `
   });
 </script>