From a4587427acc7935127c04359276d5ef2a0863d80 Mon Sep 17 00:00:00 2001
From: silverpill <silverpill@firemail.cc>
Date: Thu, 13 Jan 2022 21:34:30 +0000
Subject: [PATCH] Show reply, repost and reaction counters to unauthenticated
 users

---
 src/components/Post.vue | 14 +++++++++++++-
 src/styles/_mixins.scss | 16 ++++++----------
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/components/Post.vue b/src/components/Post.vue
index fcc4ff5..1047b0a 100644
--- a/src/components/Post.vue
+++ b/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"
diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss
index 383b3ab..d9b6fb4 100644
--- a/src/styles/_mixins.scss
+++ b/src/styles/_mixins.scss
@@ -58,18 +58,14 @@
       vertical-align: middle;
       width: $icon-size;
     }
+  }
 
-    &:hover,
-    &.highlighted {
-      color: $secondary-text-hover-color;
+  a.icon:hover,
+  .icon.highlighted {
+    color: $secondary-text-hover-color;
 
-      img {
-        filter: $secondary-text-hover-colorizer;
-      }
-    }
-
-    &:last-child {
-      margin-right: 0;
+    img {
+      filter: $secondary-text-hover-colorizer;
     }
   }