update blog post-tags style

Author: rohandebsarkar

_layouts/post.html

@@ -19,23 +19,21 @@
     <h1 class="post-title">{{ page.title }}</h1>
     <p class="post-meta">{{ page.date | date: "%B %-d, %Y" }}{%- if page.author -%} • {{ page.author }}{%- endif -%}{%- if page.meta -%} • {{ page.meta }}{%- endif -%}</p>
     <p class="post-tags">
-      <a href="{{ year | prepend: '/blog/' | prepend: site.baseurl}}"> <i class="fas fa-calendar fa-sm"></i> {{ year }} </a>
+      <a href="{{ year | prepend: '/blog/' | prepend: site.baseurl}}"> <i class="fas fa-calendar fa-sm pe-1"></i> {{ year }} </a>
       {%- if tags != "" %}
-      &nbsp; &middot; &nbsp;
+      &nbsp; &bull; &nbsp;
         {% for tag in page.tags -%}
         <a href="{{ tag | prepend: '/blog/tag/' | prepend: site.baseurl}}">
-          <i class="fas fa-hashtag fa-sm"></i> {{ tag }}</a> &nbsp;
-          {% endfor -%}
+        <i class="fas fa-hashtag fa-sm pe-1"></i> {{ tag }}</a>{% unless forloop.last %} &nbsp; {% endunless %}
+        {% endfor -%}
       {% endif %}
-
-      {%- if categories != "" %}
-      &nbsp; &middot; &nbsp;
-        {% for category in page.categories -%}
+      {% if categories != "" %}
+      &nbsp; &bull; &nbsp;
+        {% for category in page.categories %}
         <a href="{{ category | prepend: '/blog/category/' | prepend: site.baseurl}}">
-          <i class="fas fa-tag fa-sm"></i> {{ category }}</a> &nbsp;
-          {% endfor -%}
+        <i class="fas fa-tag fa-sm pe-1"></i> {{ category }}</a>{% unless forloop.last %} &nbsp; {% endunless %}
+        {% endfor -%}
       {% endif %}
-
     </p>
   </header>
 

blog/index.html

@@ -64,32 +64,29 @@ <h3>
       </h3>
       <p>{{ post.description }}</p>
       <p class="post-meta">
-        {{ read_time }} min read &nbsp; &middot; &nbsp;
+        {{ read_time }} min read &nbsp; &bull; &nbsp;
         {{ post.date | date: '%B %-d, %Y' }}
         {%- if post.external_source %}
-        &nbsp; &middot; &nbsp; {{ post.external_source }}
+        &nbsp; &bull; &nbsp; {{ post.external_source }}
         {%- endif %}
       </p>
       <p class="post-tags">
-        <a href="{{ year | prepend: '/blog/' | prepend: site.baseurl}}">
-          <i class="fas fa-calendar fa-sm"></i> {{ year }} </a>
-
-          {% if tags != "" %}
-          &nbsp; &middot; &nbsp;
-            {% for tag in post.tags %}
-            <a href="{{ tag | prepend: '/blog/tag/' | prepend: site.baseurl}}">
-              <i class="fas fa-hashtag fa-sm"></i> {{ tag }}</a> &nbsp;
-              {% endfor %}
-          {% endif %}
-
-          {% if categories != "" %}
-          &nbsp; &middot; &nbsp;
-            {% for category in post.categories %}
-            <a href="{{ category | prepend: '/blog/category/' | prepend: site.baseurl}}">
-              <i class="fas fa-tag fa-sm"></i> {{ category }}</a> &nbsp;
-              {% endfor %}
-          {% endif %}
-    </p>
+        <a href="{{ year | prepend: '/blog/' | prepend: site.baseurl}}"> <i class="fas fa-calendar fa-sm pe-1"></i> {{ year }} </a>
+        {%- if tags != "" %}
+        &nbsp; &bull; &nbsp;
+          {% for tag in post.tags -%}
+          <a href="{{ tag | prepend: '/blog/tag/' | prepend: site.baseurl}}">
+          <i class="fas fa-hashtag fa-sm pe-1"></i> {{ tag }}</a>{% unless forloop.last %} &nbsp; {% endunless %}
+          {% endfor -%}
+        {% endif %}
+        {% if categories != "" %}
+        &nbsp; &bull; &nbsp;
+          {% for category in post.categories %}
+          <a href="{{ category | prepend: '/blog/category/' | prepend: site.baseurl}}">
+          <i class="fas fa-tag fa-sm pe-1"></i> {{ category }}</a>{% unless forloop.last %} &nbsp; {% endunless %}
+          {% endfor -%}
+        {% endif %}
+      </p>
     </li>
 
     {% endfor %}