fixed ContentSidebar sizing and margin of first item

src/lib/viewport/content-sidebar.svelte

@@ -18,9 +18,9 @@
     <Banner2 content={bannerContent}/>
 
     <div class="content">
-        <div class="main">
+        <div class="content-sidebar-main-container">
-            <ScrollTopButton />
             {@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;
     }