From f9706411e709b1c2846d9cf147516ad24a95fe86 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Tue, 9 Jun 2020 13:11:40 +0800
Subject: [PATCH] Optimized pin icon size.

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

diff --git a/_layouts/home.html b/_layouts/home.html
index 8a64177..3184071 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -52,7 +52,7 @@ layout: page
     <div class="d-flex justify-content-between pr-xl-2">
       <h1><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h1>
       {% if post.pin %}
-        <i class="fas fa-thumbtack fa-fw text-muted fa-sm mt-1 mt-xl-2" data-toggle="tooltip" data-placement="left"
+        <i class="fas fa-thumbtack fa-fw text-muted mt-1 ml-2 mt-xl-2" data-toggle="tooltip" data-placement="left"
         title="Pinned"></i>
       {% endif %}
     </div>
diff --git a/assets/css/home.scss b/assets/css/home.scss
index 6cdddc4..193631b 100644
--- a/assets/css/home.scss
+++ b/assets/css/home.scss
@@ -20,15 +20,17 @@
     h1 {
       font-size: 1.4rem;
       margin: 0;
-    }
-
-    i.far { /* fontawesome icons */
-      font-size: 86%;
+      ~i { // pinned icon
+        font-size: .86rem;
+      }
     }
 
     .post-meta {
-      i:not(:first-child) { // post-meta icons on the homepage
-        margin-left: 1.5rem;
+      i {
+        font-size: .73rem;
+        &:not(:first-child) { // post-meta icons on the homepage
+          margin-left: 1.5rem;
+        }
       }
     }