From 72347769c33542ce3281cfeb1c3b3dede54e3326 Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Sun, 26 Apr 2026 22:39:07 +0200
Subject: [PATCH] improved styling of side-bound TableOfContents component

---
 src/lib/components/table-of-contents.svelte | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/table-of-contents.svelte b/src/lib/components/table-of-contents.svelte
index dd97af4..b8fa8f6 100644
--- a/src/lib/components/table-of-contents.svelte
+++ b/src/lib/components/table-of-contents.svelte
@@ -81,31 +81,38 @@
 
 <style>
     :global {
-        body {
-            --padding-indent-base: 44px;
-            --padding-level-indent: 24px;
-        }
-
         .toc-container, .toc-container-side {
             box-sizing: border-box;
             padding: 16px 0;
-            border: var(--border-style) var(--border-dash-size) var(--color-highlight);
             border-radius: var(--border-radius);
         }
         
         .toc-container {
+            --padding-indent-base: 44px;
+            --padding-level-indent: 24px;
+
             max-width: var(--width-toc);
             margin-left: auto;
             margin-right: auto;
             margin-top: 12px;
+            border: var(--border-style) var(--border-dash-size) var(--color-highlight);
             background-color: var(--color-background-highlight);
         }
 
         .toc-container-side {
+            --padding-indent-base: 24px;
+            --padding-level-indent: 24px;
+
             width: 400px;
-            margin: 0 12px 0 12px;
+            margin: 32px 12px 0 12px;
             position: sticky;
             top: 64px;
+            border-left: var(--border-style) var(--border-dash-size) var(--color-highlight);
+        }
+
+        .toc-container-side .toc-list a {
+            border-top-right-radius: var(--border-radius);
+            border-bottom-right-radius: var(--border-radius);
         }
 
         .toc-list {