From ada2b2c99bb953e497ea4c71f83f35e91617ebab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Fri, 14 Jul 2023 10:28:26 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20TOC=20moves=20out=20of=20the=20s?=
 =?UTF-8?q?creen=20because=20of=20related=20articles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/compiled/main.css |  4 ++++
 layouts/_default/single.html | 20 ++++++++++++--------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 5c631c5d..5ade8bd1 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1609,6 +1609,10 @@ select {
   margin-bottom: 0.625rem;
 }
 
+.mb-20 {
+  margin-bottom: 5rem;
+}
+
 .mb-3 {
   margin-bottom: 0.75rem;
 }
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index f8aa2b42..1dfe8d39 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -58,7 +58,9 @@
     {{ end }}
   
   </header>
+  
   <section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
+    
     {{ if or (and (.Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false)) (in
     .TableOfContents "<ul")) (.Site.Params.article.showRelatedPosts | default false) }} <div
       class="order-first sm:max-w-prose lg:ml-auto px-0 lg:order-last lg:max-w-xs ltr:lg:pl-8 rtl:lg:pr-8">
@@ -70,11 +72,18 @@
           default false }} sd {{ end }} </div>
       </div>
       {{ end }}
-      <div class="min-w-0 min-h-0 max-w-prose">
+
+      <div class="min-w-0 min-h-0 max-w-fit">
+        
         {{ partial "series.html" . }}
-        {{ .Content | emojify }}
-        </br></br>
+
+        <div class="max-w-prose mb-20">
+          {{ .Content | emojify }}
+        </div>
+                
         {{ partial "series-closed.html" . }}
+        {{ partial "sharing-links.html" . }}
+        {{ partial "related.html" . }}  
       </div>
      
      <script>
@@ -88,11 +97,6 @@
     </section>
   <footer class="pt-8 max-w-prose print:hidden">
 
-    
-    {{ partial "sharing-links.html" . }}
-
-    {{ partial "related.html" . }}
-
     {{ partial "article-pagination.html" . }}
     {{ if .Params.showComments | default (.Site.Params.article.showComments | default false) }}
     {{ if templates.Exists "partials/comments.html" }}