From 3d0560dedf8618427f4d01900c8e50ef40487a38 Mon Sep 17 00:00:00 2001
From: mik-tf <logismos@protonmail.ch>
Date: Fri, 22 Nov 2024 20:24:55 -0500
Subject: [PATCH] set scroll up from footnotes correctly

---
 docs_website/docs/litepaper.md  |  9 +++++----
 docs_website/src/css/custom.css | 14 ++++++++++++++
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/docs_website/docs/litepaper.md b/docs_website/docs/litepaper.md
index ff5b7d9..a6bbe8e 100644
--- a/docs_website/docs/litepaper.md
+++ b/docs_website/docs/litepaper.md
@@ -14,10 +14,14 @@ Web4 is the next generation of the Internet. ThreeFold has been working on it fo
 
 Web4 represents the natural evolution of the Internet, where humans and artificial intelligence collaborate to develop a new paradigm focused on Augmented Collective Intelligence[^1] aimed at advancing planetary well-being while making sure everyone has equal chances.
 
+[^1]: Augmented Collective Intelligence - Supermind [Link](https://www.supermind.design/)
+
 ## Mission
 
 Our Mission is to create the best possible infrastructure layer for Web 4.0[^2] with the following benefits:
 
+[^2]: Web4 - Techopedia [Link](https://www.techopedia.com/definition/web4)
+
 * Sovereignty for countries, communities and people
   * Data is close to the users in their own countries
     * There is no need to build excessive data centers
@@ -128,7 +132,4 @@ At ThreeFold, we believe that the Internet represents an amazing opportunity tha
 
 We think that it is possible to collectively build and improve the Internet so as it unlocks its unlimited potential to humanity.
 
-***Let's do it.***
-
-[^1]: Augmented Collective Intelligence - Supermind [Link](https://www.supermind.design/)
-[^2]: Web4 - Techopedia [Link](https://www.techopedia.com/definition/web4)
\ No newline at end of file
+***Let's do it.***
\ No newline at end of file
diff --git a/docs_website/src/css/custom.css b/docs_website/src/css/custom.css
index 800f0d8..3a87371 100644
--- a/docs_website/src/css/custom.css
+++ b/docs_website/src/css/custom.css
@@ -51,6 +51,7 @@
 
 /* Apply the Inter font globally */
 body {
+  scroll-padding-top: 80px;
   font-family: 'Inter', sans-serif; /* Set the global font */
   font-size: 18px;
 }
@@ -110,6 +111,19 @@ html[data-theme="dark"] {
 .navbar {  /* or .navbar--fixedTop if it has that class */
   background-color: #131213;
 }
+
+/* Apply scroll margin to footnote targets */
+[data-footnote-ref="true"] {
+  scroll-margin-top: 80px; /* Adjust this value to match your navbar height */
+}
+
+/* Ensure navbar items and logo are vertically aligned */
+.navbar__logo {
+  display: flex;
+  align-items: center;  /* Center aligns the items vertically */
+  height: 100%;         /* Ensures full height for alignment */
+}
+
 .navbar__link {  /* Example: for navbar links */
   color: #ffffff;
 }