From eb40f51c84b011a7c301279527f544ad27efd5eb Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Thu, 18 May 2023 11:09:32 +0800
Subject: [PATCH] fix(layout): restore the margin bottom of the main area
 (#1047)

---
 _includes/post-paginator.html | 2 +-
 _layouts/page.html            | 8 ++++++--
 _sass/addon/commons.scss      | 4 ----
 _sass/layout/home.scss        | 4 ----
 4 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/_includes/post-paginator.html b/_includes/post-paginator.html
index 9a792d2..668b49f 100644
--- a/_includes/post-paginator.html
+++ b/_includes/post-paginator.html
@@ -1,6 +1,6 @@
 <!-- The paginator for post list on HomgPage. -->
 
-<ul class="pagination align-items-center my-4 ps-lg-2">
+<ul class="pagination align-items-center mt-4 mb-1 ps-lg-2">
   <!-- left arrow -->
   {% if paginator.previous_page %}
     {% assign prev_url = paginator.previous_page_path | relative_url %}
diff --git a/_layouts/page.html b/_layouts/page.html
index fc2c915..447977d 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -5,7 +5,11 @@ layout: default
 {% include lang.html %}
 {% include origin-type.html %}
 
-<div class="row">
+{% if layout.tail_includes %}
+  {% assign has_tail = true %}
+{% endif %}
+
+<div class="row{% unless has_tail %} mb-5{% endunless %}">
   <!-- core -->
   <div id="core-wrapper" class="col-12 col-lg-11 col-xl-9 pe-xl-4">
     {% capture padding %}
@@ -52,7 +56,7 @@ layout: default
 </div>
 
 <!-- tail -->
-{% if layout.tail_includes %}
+{% if has_tail %}
   <div class="row">
     <div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-3 pe-xl-4 mt-5">
       {% for _include in layout.tail_includes %}
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index f7b1390..593076c 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -1113,10 +1113,6 @@ $btn-mb: 0.5rem;
       @extend %no-bottom-border;
     }
   }
-
-  @at-root .row:only-child > #{&} {
-    padding-bottom: 3rem;
-  }
 }
 
 #mask {
diff --git a/_sass/layout/home.scss b/_sass/layout/home.scss
index 2a10842..5092c69 100644
--- a/_sass/layout/home.scss
+++ b/_sass/layout/home.scss
@@ -5,10 +5,6 @@
 #post-list {
   margin-top: 2rem;
 
-  &:only-child {
-    margin-bottom: 3.75rem;
-  }
-
   a.card-wrapper {
     display: block;