Unanswered indicators

app/assets/stylesheets/utilities.scss

@@ -88,3 +88,8 @@ pre.unformatted {
 .badge.is-tag.is-outlined {
   border: 1px solid #001db1;
 }
+
+.badge.is-tag.is-small {
+  padding: 2px 4px;
+  line-height: 1;
+}
\ No newline at end of file

app/views/posts/_list.html.erb

@@ -18,8 +18,8 @@
     </div>
     <p class="has-color-tertiary-600 has-float-right post-list--meta">	
       <% if is_question %>	
-        <span class="answer-count">	
-          <%= post.answer_count %> <%= post.answer_count != 1 ? 'answers' : 'answer' %>	
+        <span class="answer-count <%= post.answer_count == 0 ? 'badge is-tag is-red is-small' : 'h-c-green-700' %>">
+          <%= pluralize(post.answer_count, 'answer') %>
         </span>&nbsp;&middot;&nbsp;	
       <% end %>	
       last activity <%= time_ago_in_words(post.last_activity) %> ago by <%= link_to active_user.username, user_path(active_user) %>