Optimized pin icon size.

Author: cotes2020

_layouts/home.html

@@ -52,7 +52,7 @@
     <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,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;
+        }
       }
     }