Show reply, repost and reaction counters to unauthenticated users

src/components/Post.vue

@@ -65,7 +65,7 @@
         <span>{{ post.replies_count }}</span>
       </router-link>
       <a
-        v-if="inThread && canReply()"
+        v-else-if="inThread && canReply()"
         class="icon"
         title="Reply"
         @click="commentFormVisible = !commentFormVisible"
@@ -73,6 +73,10 @@
         <img :src="require('@/assets/forkawesome/comment-o.svg')">
         <span>{{ post.replies_count }}</span>
       </a>
+      <span v-else class="icon">
+        <img :src="require('@/assets/forkawesome/comment-o.svg')">
+        <span>{{ post.replies_count }}</span>
+      </span>
       <a
         v-if="canRepost()"
         class="icon"
@@ -83,6 +87,10 @@
         <img :src="require('@/assets/feather/repeat.svg')">
         <span>{{ post.reblogs_count }}</span>
       </a>
+      <span v-else class="icon">
+        <img :src="require('@/assets/feather/repeat.svg')">
+        <span>{{ post.reblogs_count }}</span>
+      </span>
       <a
         v-if="canLike()"
         class="icon"
@@ -93,6 +101,10 @@
         <img :src="require('@/assets/forkawesome/thumbs-o-up.svg')">
         <span>{{ post.favourites_count }}</span>
       </a>
+      <span v-else class="icon">
+        <img :src="require('@/assets/forkawesome/thumbs-o-up.svg')">
+        <span>{{ post.favourites_count }}</span>
+      </span>
       <a
         v-if="ipfsUrl"
         class="icon"

src/styles/_mixins.scss

@@ -58,9 +58,10 @@
       vertical-align: middle;
       width: $icon-size;
     }
+  }
 
-    &:hover,
-    &.highlighted {
+  a.icon:hover,
+  .icon.highlighted {
     color: $secondary-text-hover-color;
 
     img {
@@ -68,11 +69,6 @@
     }
   }
 
-    &:last-child {
-      margin-right: 0;
-    }
-  }
-
   .icon-small img {
     $icon-size-small: $icon-size * 0.8;