diff options
| -rw-r--r-- | index.html | 6 | ||||
| -rw-r--r-- | styles.css | 3 |
2 files changed, 4 insertions, 5 deletions
@@ -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) @@ -200,8 +200,7 @@ b { transition: 0.5s background-color; text-decoration: none; - font-size: 1.5em; - padding: 5px 8px; + font-size: 1em; text-align: center; color: inherit; display: block; |