From acaa00754bb096e2bf3cc2c6caf415a3b2aa755e Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Tue, 16 Jul 2024 14:30:26 -0700
Subject: [PATCH] Fix sidenotes bleeding into text inline

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
---
 assets/scss/sidenotes.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/assets/scss/sidenotes.scss b/assets/scss/sidenotes.scss
index a274acc..3af470a 100644
--- a/assets/scss/sidenotes.scss
+++ b/assets/scss/sidenotes.scss
@@ -48,7 +48,10 @@
 
 @mixin hidden-sidenote {
     position: static;
-    margin-top: 1rem;
+    // Author can override margin inline to shift sidenote, but when displayed
+    // on mobile (and thus, between text), shifting it would overlap it
+    // with text, so override the shift.
+    margin-top: 1rem !important;
     margin-bottom: 1rem;
     width: 100%;