From 3c8fb763567b7c2a3846479de8a661cf05d5d5ea Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Tue, 17 Dec 2019 19:26:11 +0800
Subject: [PATCH] Beautified PV loading icon.

---
 _layouts/home.html   | 2 +-
 _layouts/post.html   | 2 +-
 assets/css/main.scss | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/_layouts/home.html b/_layouts/home.html
index c98cfde..7851104 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -30,7 +30,7 @@ layout: page
       {% if site.google_analytics.pv %}
       <i class="far fa-eye fa-fw"></i>
       <span id="pv_{{-post.title-}}" class="pageviews">
-        <i class="fas fa-spinner fa-spin"></i>
+        <i class="fas fa-spinner fa-spin fa-fw"></i>
       </span>
       {% endif %}
     </div>
diff --git a/_layouts/post.html b/_layouts/post.html
index a86d864..db8d372 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -39,7 +39,7 @@ layout: default
         <!-- page views -->
         {% if site.google_analytics.pv %}
         <div>
-          <span id="pv" class="pageviews"><i class="fas fa-spinner fa-spin"></i></span> views
+          <span id="pv" class="pageviews"><i class="fas fa-spinner fa-spin fa-fw"></i></span> views
         </div>
         {% endif %}
 
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 25fa00a..2a0753c 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -680,6 +680,10 @@ table tbody td {
 
 /*--- post ---*/
 
+.pageviews .fa-spinner {
+  font-size: 80%;
+}
+
 .post-meta {
   font-size: 0.85rem;
   word-spacing: 1px;