diff options
-rw-r--r-- | src/lib/Toc.svelte | 17 | ||||
-rw-r--r-- | src/routes/player/[player]/[profile].svelte | 3 |
2 files changed, 13 insertions, 7 deletions
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; diff --git a/src/routes/player/[player]/[profile].svelte b/src/routes/player/[player]/[profile].svelte index 928fc5d..8764192 100644 --- a/src/routes/player/[player]/[profile].svelte +++ b/src/routes/player/[player]/[profile].svelte @@ -152,8 +152,7 @@ .profile-skills { display: inline-block; position: absolute; - margin: 1em; - margin-top: 1.6em; + margin: 0.75em 1em 1em 1em; } #armor.armor-float { |