Optimized pin icon size.

_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>

assets/css/home.scss

@@ -20,17 +20,19 @@
     h1 {
       font-size: 1.4rem;
       margin: 0;
+      ~i { // pinned icon
+        font-size: .86rem;
       }
-
-    i.far { /* fontawesome icons */
-      font-size: 86%;
     }
 
     .post-meta {
-      i:not(:first-child) { // post-meta icons on the homepage
+      i {
+        font-size: .73rem;
+        &:not(:first-child) { // post-meta icons on the homepage
           margin-left: 1.5rem;
         }
       }
+    }
 
     .post-content {
       margin-top: .6rem;