Repos / hi.imnhan.com / 0ecf571af9
commit 0ecf571af9de8fff52473ff9dacbc5f996a6bfd1
Author: Nhân <hi@imnhan.com>
Date:   Mon Apr 17 12:33:30 2023 +0700

    make sure no extruding $ or footnote numbering
    
    Also tweak list spacing.

diff --git a/nhanb-theme/static/css/index.css b/nhanb-theme/static/css/index.css
index 7f42eab..3e8fe47 100644
--- a/nhanb-theme/static/css/index.css
+++ b/nhanb-theme/static/css/index.css
@@ -20,7 +20,7 @@ .article-list time {
   margin-top: 0.1rem;
 }
 
-@media (min-width: 760px) {
+@media (min-width: 780px) {
   .article:hover::before {
     position: absolute;
     margin-left: -1rem;
diff --git a/nhanb-theme/static/css/main.css b/nhanb-theme/static/css/main.css
index 394cad8..5267b9a 100644
--- a/nhanb-theme/static/css/main.css
+++ b/nhanb-theme/static/css/main.css
@@ -72,6 +72,11 @@ p {
   line-height: 1.4rem;
   margin: 1.5rem 0;
 }
+p + ul,
+p + ol {
+  /* make sure 1st list item doesn't look too separated from preceding <p> */
+  margin-top: -0.5rem;
+}
 
 li {
   margin-bottom: 0.6rem;
@@ -194,6 +199,19 @@ nav ul {
   padding: 0.5rem 0;
 }
 
+.footnote ol {
+  /* Hack to make sure the list's marker doesn't get out of view.
+   * Couldn't use `list-style-position: inside` because the marker will be
+   * pushed to another line.
+   */
+  margin-left: 2rem;
+}
+.footnote hr::after {
+  content: "Footnotes:";
+  color: var(--fg-color);
+  font-size: 1.3rem;
+}
+
 footer {
   margin-top: 1.5rem;
   border-top: var(--hr-border);