From a65472d2d8d8bc25c7dae90f481686c45ac86856 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Fri, 22 Nov 2019 23:56:04 +0800
Subject: [PATCH] Optimized the width of footer.

---
 assets/css/main.scss | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/assets/css/main.scss b/assets/css/main.scss
index 1c9c543..875a579 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -383,7 +383,7 @@ footer {
 
 footer>div.d-flex {
   line-height: 1.2rem;
-  width: 90%;
+  width: 95%;
   max-width: 1035px;
 }
 
@@ -900,6 +900,10 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
     text-align: left;
   }
 
+  footer>div.d-flex {
+    width: 92%;
+  }
+
 }
 
 /* iPad 9.7" horizontal */
@@ -913,7 +917,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
 }
 
 
-@media all and (min-width: 768px) and (max-width: 831px) {
+@media all and (min-width: 768px) and (max-width: 830px) {
   .post img {
     max-width: calc(100% + 2rem);
   }
@@ -921,7 +925,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
 
 
 /* Hide SideBar and TOC */
-@media all and (max-width: 831px) {
+@media all and (max-width: 830px) {
 
   .sidebar-expand {
     transform: translateX(0) !important;
@@ -1268,7 +1272,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
   }
 
   footer>div.d-flex {
-    max-width: calc(1130px + 1%);
+    max-width: 1150px;
   }
 
   #back-to-top {