From a1effdec8e2ae399187a7551d297d4330cfd7253 Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Sun, 26 Apr 2026 22:34:02 +0200
Subject: [PATCH] fixed ContentSidebar sizing and margin of first item

---
 src/lib/viewport/content-sidebar.svelte | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/lib/viewport/content-sidebar.svelte b/src/lib/viewport/content-sidebar.svelte
index f0ef98d..570b125 100644
--- a/src/lib/viewport/content-sidebar.svelte
+++ b/src/lib/viewport/content-sidebar.svelte
@@ -18,9 +18,9 @@
     <Banner2 content={bannerContent}/>
 
     <div class="content">
-        <div class="main">
-            <ScrollTopButton />
+        <div class="content-sidebar-main-container">
             {@render children()}
+            <ScrollTopButton />
         </div>
         <div class="side">
             <TableOfContents type="side" />
@@ -29,6 +29,12 @@
 </div>
 
 <style>
+    /* not elegant at all but it works */
+    :global {
+        .content-sidebar-main-container > *:nth-child(1) {
+            margin-top: 0 !important;
+        }
+    }
     .container {
         width: var(--page-width);
         margin: 0 auto;
@@ -40,6 +46,7 @@
         display: flex;
         flex-direction: row;
     }
+
     .side {
         width: fit-content;
     }