Ticket #4782 - Different counters layout in Likes and Reactions.

plugins_public/tailwind/css/tailwind.css

@@ -1157,14 +1157,16 @@
 
     /* Common elements: All Actions */
     .sys-action-counter.sys-ac-link,
-    .sys-action-counter .sys-ac-link {
+    .sys-action-counter .sys-ac-link,
+    .sys-ac-link .sys-action-counter {
         @apply flex items-center;
         @apply border-none;
         @apply text-gray-500 dark:text-gray-500 hover:text-gray-700 dark:hover:text-gray-300;
         @apply rounded-full;
     }
     .sys-action-counter.sys-ac-only.sys-ac-link,
-    .sys-action-counter.sys-ac-only .sys-ac-link {
+    .sys-action-counter.sys-ac-only .sys-ac-link,
+    .sys-ac-link .sys-action-counter.sys-ac-only {
         @apply hover:bg-gray-100 dark:hover:bg-gray-600;
     }
 

template/css/vote.css

@@ -16,8 +16,6 @@
 .bx-vote-counter-likes span.bx-vote-counter-text {
     width: auto;
     height: auto;
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
 }
 
 /*--------------------------------------*/

template/vote_counter_label_likes.html

@@ -3,6 +3,6 @@
         <span class="sys-action-counter-icon __style_prefix__-counter-icon relative flex items-center justify-center ring-1 h-6 w-6 ring-white dark:ring-gray-700 h-6 w-6 bg-gray-200 dark:bg-gray-700 rounded-full">__icon__</span>
     </bx_if:show_icon>
     <bx_if:show_text>
-        <span class="sys-action-counter-text __style_prefix__-counter-text ml-1.5">__text__</span>
+        <span class="sys-action-counter-text __style_prefix__-counter-text mx-1.5">__text__</span>
     </bx_if:show_text>
 </span>

template/vote_counter_label_reactions.html

@@ -11,6 +11,6 @@
         </span>
     </bx_if:show_icon>
     <bx_if:show_text>
-        <span class="sys-action-counter-text __style_prefix__-counter-text ml-1.5">__text__</span>
+        <span class="sys-action-counter-text __style_prefix__-counter-text mx-1.5">__text__</span>
     </bx_if:show_text>
 </span>

template/vote_counter_wrapper_reactions.html

@@ -2,7 +2,7 @@
     <div class="__style_prefix__-counter-wrapper-cnt flex items-center">
         <bx_if:show_text>__counter__</bx_if:show_text>
         <bx_if:show_link>
-            <a class="sys-ac-link group p-1 pl-3" href="__href__" onclick="__onclick__" title="__title__">__counter__</a>
+            <a class="sys-ac-link group" href="__href__" onclick="__onclick__" title="__title__">__counter__</a>
         </bx_if:show_link>
         __script__
     </div>