From 9425026b52c38c4636ca932dcaa04464a7836aa0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nu=C5=A1a=20Puk=C5=A1i=C4=8D?= <nusa.puksic@gmail.com>
Date: Sat, 6 Sep 2025 14:35:00 +0200
Subject: [PATCH] Publications, part 1

---
 src/lib/components/publications/Publication.svelte       | 9 +++++----
 src/lib/components/publications/PublicationHeader.svelte | 2 +-
 src/routes/publication/[type]/[identifier]/+page.svelte  | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/publications/Publication.svelte b/src/lib/components/publications/Publication.svelte
index 346d1cc..b7722a0 100644
--- a/src/lib/components/publications/Publication.svelte
+++ b/src/lib/components/publications/Publication.svelte
@@ -252,12 +252,13 @@
 </script>
 
 <!-- Table of contents -->
-{#if publicationType !== "blog" || !isLeaf}
+{#if publicationType !== "blog" && !isLeaf}
     <Sidebar
       isOpen={isTocOpen}
       closeSidebar={closeTocSidebar}
-      class="z-50 h-full pt-6 ml-4 bg-transparent sticky top-[80px]"
-      backdrop={true}
+      class="z-50 max-h-[calc(100vh-170px)] ml-4 bg-transparent"
+      position="static"
+      backdrop={false}
       activeUrl={`#${activeAddress ?? ""}`}
       classes={{
         div: 'bg-primary-50 dark:bg-primary-1000 border border-s-4 rounded border-primary-200 dark:border-primary-800',
@@ -352,7 +353,7 @@
 {#if isInnerActive()}
   {#key currentBlog}
     <div
-      class="flex flex-col p-4 max-w-3xl overflow-auto flex-grow-2 max-h-[calc(100vh-146px)] sticky top-[146px]"
+      class="flex flex-col p-4 max-w-3xl overflow-auto flex-grow-2 max-h-[calc(100vh-170px)] sticky"
     >
       {#each leaves as leaf, i}
         {#if leaf && leaf.tagAddress() === currentBlog}
diff --git a/src/lib/components/publications/PublicationHeader.svelte b/src/lib/components/publications/PublicationHeader.svelte
index ba63fd1..e04a4cc 100644
--- a/src/lib/components/publications/PublicationHeader.svelte
+++ b/src/lib/components/publications/PublicationHeader.svelte
@@ -49,7 +49,7 @@
 </script>
 
 {#if title != null && href != null}
-  <Card class="ArticleBox card-leather w-full relative flex flex-col sm:flex-row sm:space-x-4 overflow-hidden">
+  <Card class="ArticleBox card-leather w-full relative flex flex-col sm:flex-row sm:space-x-2 overflow-hidden">
     <!-- Image block: full width on mobile, fixed side on md+ -->
     <div class="w-full h-48 sm:min-w-40 sm:w-40 sm:h-40 overflow-hidden flex items-center justify-center sm:rounded-l rounded-t sm:rounded-t-none">
       {#if image}
diff --git a/src/routes/publication/[type]/[identifier]/+page.svelte b/src/routes/publication/[type]/[identifier]/+page.svelte
index 7bea434..5445364 100644
--- a/src/routes/publication/[type]/[identifier]/+page.svelte
+++ b/src/routes/publication/[type]/[identifier]/+page.svelte
@@ -186,7 +186,7 @@
     indexEvent={indexEvent}
   />
 
-  <div class="publication {data.publicationType} p-4 space-y-4 overflow-auto  flex-grow-2 mt-[100px]">
+  <div class="publication flex flex-row {data.publicationType} px-4 space-y-4 overflow-auto mx-auto flex-grow-2 mt-[70px]">
     <Publication
       rootAddress={indexEvent.tagAddress()}
       publicationType={data.publicationType}