From 20e13a5e635d7bbee86395e052e32e76ea636535 Mon Sep 17 00:00:00 2001
From: loikein <wanleiqiong@gmail.com>
Date: Sat, 15 Apr 2023 18:52:07 +0100
Subject: [PATCH] adjust footnotes & footer style

---
 assets/scss/general.scss      | 35 ++++++++++++++++++++++++++---------
 assets/scss/pages/footer.scss |  3 +--
 2 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/assets/scss/general.scss b/assets/scss/general.scss
index b323407..7c7dd43 100644
--- a/assets/scss/general.scss
+++ b/assets/scss/general.scss
@@ -23,6 +23,10 @@ a.heading-anchor {
     visibility: collapse;
 }
 
+h2 {
+    margin-top: 5.5rem;
+}
+
 h2:hover > a.heading-anchor,
 h3:hover > a.heading-anchor {
     display: inline;
@@ -98,13 +102,26 @@ table.lntable {
 /* ------------------------------------------------------------------------ */
 /* Styling for footnotes. */
 /* ------------------------------------------------------------------------ */
+.footnotes hr {
+    margin-top: 4.4em;
+}
+
 .footnotes ol {
     width: 55%;
-}
-.footnotes ol li p {
-    width: 100%;
-    margin: 0;
-    padding: 0;
+    margin-top: 4.4rem;
+
+    li {
+        p {
+            width: 100%;
+            margin: 0;
+            padding: 0;
+
+            a.footnote-backref {
+                font-size: 1.2rem;
+                text-decoration: none;
+            }
+        }
+    }
 }
 
 /* ------------------------------------------------------------------------ */
@@ -118,10 +135,10 @@ table.lntable {
 
 mjx-container[jax="CHTML"][display="true"],
 .katex-display {
-  overflow: auto;
-  overflow-y: hidden;
-/*   -ms-overflow-style: none;
-  scrollbar-width: none; */
+      overflow: auto;
+      overflow-y: hidden;
+/*     -ms-overflow-style: none;
+    scrollbar-width: none; */
 }
 
 
diff --git a/assets/scss/pages/footer.scss b/assets/scss/pages/footer.scss
index fe1fdcd..927c9ab 100644
--- a/assets/scss/pages/footer.scss
+++ b/assets/scss/pages/footer.scss
@@ -1,7 +1,6 @@
 /* Footer, but with a different name to avoid conflicts with tufte.css */
 footer.page-footer{
-    padding-top: 1em;
-    margin-top: 3em;
+    margin-top: 1.4rem;
     color: #aaa;
     width: 95%;
     max-width: 45rem;