From bbdad4ebd9b9ad7b2a2bcf0615d7a4b6887cc646 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Sun, 8 Dec 2019 00:15:09 +0800
Subject: [PATCH] Optimized the indentation of layout Category and Tag.

---
 _layouts/category.html       | 2 +-
 _layouts/tag.html            | 2 +-
 assets/css/category-tag.scss | 7 +++++++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/_layouts/category.html b/_layouts/category.html
index c633a65..b2a1cb6 100644
--- a/_layouts/category.html
+++ b/_layouts/category.html
@@ -8,7 +8,7 @@ layout: page
 {% include date-format.html %}
 
 <div id="page-category">
-  <h1>
+  <h1 class="pl-lg-2">
     <i class="far fa-folder-open fa-fw text-muted"></i>
     {{ page.title }}
     <span class="lead text-muted pl-2">{{ site.categories[page.category] | size }}</span>
diff --git a/_layouts/tag.html b/_layouts/tag.html
index 45993da..8e81ca8 100644
--- a/_layouts/tag.html
+++ b/_layouts/tag.html
@@ -8,7 +8,7 @@ layout: page
 {% include date-format.html %}
 
 <div id="page-tag">
-  <h1>
+  <h1 class="pl-lg-2">
     <i class="fa fa-tag fa-fw text-muted"></i>
     {{ page.title }}
     <span class="lead text-muted pl-2">{{ site.tags[page.tag] | size }}</span>
diff --git a/assets/css/category-tag.scss b/assets/css/category-tag.scss
index 0ae01fe..303a88b 100644
--- a/assets/css/category-tag.scss
+++ b/assets/css/category-tag.scss
@@ -55,10 +55,17 @@
 }
 
 @media all and (max-width: 576px) {
+
+  #page-category ul>li::before,
+  #page-tag ul>li::before {
+    margin: 0 .5rem;
+  }
+
   #page-tag ul>li>a,
   #page-category ul>li>a {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
 }
\ No newline at end of file