From d8cf7864f2634b5fcb6b87edbf67f166ec7438c5 Mon Sep 17 00:00:00 2001
From: xdavidwu <xdavidwuph@gmail.com>
Date: Wed, 26 May 2021 00:40:01 +0800
Subject: [PATCH] move top flex to own div for matching by darkmode

---
 _layouts/default.html             | 30 +++++++++++++++++-------------
 _sass/minimal-mistakes/_page.scss |  2 +-
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 5ea781b..0afbdad 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -23,23 +23,27 @@
       <i class="fa fa-moon"></i>
     </label>
 
-    {% include_cached masthead.html %}
+    <div class="top-flex">
 
-    <div class="initial-content">
-      {{ content }}
-    </div>
+      {% include_cached masthead.html %}
+
+      <div class="initial-content">
+        {{ content }}
+      </div>
 
-    {% if site.search == true %}
-      <div class="search-content">
-        {% include_cached search/search_form.html %}
+      {% if site.search == true %}
+        <div class="search-content">
+          {% include_cached search/search_form.html %}
+        </div>
+      {% endif %}
+
+      <div id="footer" class="page__footer">
+        <footer>
+          {% include footer/custom.html %}
+          {% include_cached footer.html %}
+        </footer>
       </div>
-    {% endif %}
 
-    <div id="footer" class="page__footer">
-      <footer>
-        {% include footer/custom.html %}
-        {% include_cached footer.html %}
-      </footer>
     </div>
 
     {% include scripts.html %}
diff --git a/_sass/minimal-mistakes/_page.scss b/_sass/minimal-mistakes/_page.scss
index 38173c6..44ad7cc 100644
--- a/_sass/minimal-mistakes/_page.scss
+++ b/_sass/minimal-mistakes/_page.scss
@@ -10,7 +10,7 @@
   width: 100%;
 }
 
-body {
+.top-flex {
   display: flex;
   min-height: 100vh;
   flex-direction: column;
-- 
2.43.0