better toc

1 files changed, 3 insertions, 3 deletions

diff --git a/index.html b/index.html
index 3f11cd9..143b2e6 100644
--- a/index.html
+++ b/index.html
@@ -29,8 +29,8 @@
         }
     </script>
     <div id="themeButton" style="display: none">
-        <button id="themeToggle">🌙</button>
-        <a href="#table-of-contents"><button id="goBackUp">⤴</button></a>
+        <button id="themeToggle" title="change theme">🌙</button>
+        <a href="#table-of-contents"><button id="goBackUp" title="go to table of contents">⤴</button></a>
     </div>
 
     <script>
@@ -314,7 +314,7 @@
                 let tocHtml = ''
                 tocItems = tocItems.sort((a, b) => a.name.localeCompare(b.name))
                 if (tocItems.length > 0) {
-                    tocHtml = `<div id="table-of-contents" style="display: grid; grid-template-columns: repeat(16, auto); gap: 0.5rem; width: fit-content; margin-bottom: 2rem; border: 1px solid var(--border); padding: 10px; border-radius: 5px;">`
+                    tocHtml = `<div id="table-of-contents" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(max(3rem, 3.125%), 1fr)); gap: 0.5rem; margin-bottom: 2rem; border: 1px solid var(--border); padding: 10px; border-radius: 5px;">`
                     const tocItemNames = tocItems.map(e => e.id)
                     for (const itemName of [...new Set(tocItemNames)]) {
                         const item = tocItems.find(e => e.id === itemName)