From fbbd3874022563b29307fe8ac4c49aa22ae9899d Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Sun, 7 Jun 2020 16:21:10 +0800
Subject: [PATCH] Otpimized pin icon layout.

---
 _layouts/home.html   | 8 ++------
 assets/css/home.scss | 4 ----
 2 files changed, 2 insertions(+), 10 deletions(-)

diff --git a/_layouts/home.html b/_layouts/home.html
index 2fc465b9f..ea8311f7e 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -9,15 +9,12 @@ layout: page
 
 
 {% assign pinned = site.posts | where_exp: "item", "item.pin == true"  %}
-
 {% assign default = site.posts | where_exp: "item", "item.pin == nil "  %}
-
 {% assign posts = "" | split: "" %}
 
 <!-- Get pinned posts -->
 
 {% assign offset = paginator.page | minus: 1 | times: paginator.per_page %}
-
 {% assign pinned_num = pinned.size | minus: offset %}
 
 {% if pinned_num > 0 %}
@@ -38,7 +35,6 @@ layout: page
 {% endif %}
 
 {% assign default_num = paginator.posts | size | minus: pinned_num  %}
-
 {% assign default_end = default_beg | plus: default_num | minus: 1 %}
 
 {% if default_num > 0 %}
@@ -53,10 +49,10 @@ layout: page
 {% for post in posts %}
 
   <div class="post-preview">
-    <div class="d-flex justify-content-between align-items-center pr-xl-2">
+    <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 fa-sm text-muted pinned" data-toggle="tooltip" data-placement="top"
+        <i class="fas fa-thumbtack fa-fw text-muted fa-sm mt-1 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 40ebcaefd..6cdddc401 100644
--- a/assets/css/home.scss
+++ b/assets/css/home.scss
@@ -47,10 +47,6 @@
       }
     }
 
-    .pinned {
-      transform: rotate(45deg);
-    }
-
   } // .post-preview
 
 } // #post-list