From 16bb4e4544d6cf92a91ec43f2529a9a1d57f882f Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Mon, 17 Feb 2020 23:44:10 +0800
Subject: [PATCH] Changed the position of lastmod and related posts.

---
 _layouts/post.html   | 32 ++++++++++++++++----------------
 assets/css/post.scss |  6 +++---
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/_layouts/post.html b/_layouts/post.html
index 2f39896..cb93118 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -28,19 +28,6 @@ layout: default
           {% endfor %}
         </div>
 
-        <!-- lastmod -->
-        {% if page.seo.date_modified > page.date %}
-        <div>
-          Updated
-          <span class="timeago lastmod"
-            data-toggle="tooltip" data-placement="auto"
-             title="{{ page.seo.date_modified | date: TOOLTIP_DATE }}">
-            {{ page.seo.date_modified | date: POST_DATE }}
-            <i class="unloaded">{{ page.seo.date_modified | date_to_xmlschema}}</i>
-          </span>
-        </div>
-        {% endif %}
-
         <!-- page views -->
         {% if site.google_analytics.pv %}
         <div>
@@ -68,9 +55,22 @@ layout: default
 
       <div class="post-tail-wrapper text-muted">
 
+        <!-- lastmod -->
+        {% if page.seo.date_modified > page.date %}
+        <div>
+          Updated
+          <span class="timeago lastmod"
+            data-toggle="tooltip" data-placement="auto"
+             title="{{ page.seo.date_modified | date: TOOLTIP_DATE }}">
+            {{ page.seo.date_modified | date: POST_DATE }}
+            <i class="unloaded">{{ page.seo.date_modified | date_to_xmlschema}}</i>
+          </span>
+        </div>
+        {% endif %}
+
         <!-- Tags -->
         {% if page.tags.size > 0 %}
-        <div class="pt-5">
+        <div class="pt-3">
           {% for tag in page.tags %}
           <a href="{{ site.baseurl }}/tags/{{ tag | replace: ' ', '-' | downcase | url_encode }}/"
             class="post-tag no-text-decoration" >
@@ -115,14 +115,14 @@ layout: default
 
     <div class="pl-1 pr-1 pl-sm-2 pr-sm-2 pl-md-4 pr-md-4">
 
-      {% include related-posts.html %}
-
       {% include post-nav.html %}
 
       {% if site.disqus.comments and page.comments %}
         {% include disqus.html %}
       {% endif %}
 
+      {% include related-posts.html %}
+
     </div> <!-- .pl-1 pr-1 -->
 
   </div> <!-- #post-extend-wrapper -->
diff --git a/assets/css/post.scss b/assets/css/post.scss
index 96f6368..56923f9 100644
--- a/assets/css/post.scss
+++ b/assets/css/post.scss
@@ -22,14 +22,14 @@
 }
 
 .post-tail-wrapper {
-  margin-top: 3.5rem;
+  margin-top: 5rem;
   border-bottom: 1px double var(--main-border, #e9ecef);
   font-size: 0.85rem;
 }
 
 .post-navigation {
-  padding: 1rem .2rem;
-  margin-bottom: 2rem;
+  padding-top: 3rem;
+  padding-bottom: 2rem;
 }
 
 .post-navigation .btn,