From 465334e23f397eb78de16d0424bd6528e1e1d7ac Mon Sep 17 00:00:00 2001
From: Bart Ribbers <bribbers@disroot.org>
Date: Thu, 4 Feb 2021 17:57:25 +0100
Subject: [PATCH] Improve the look of reactions

- Always show the reaction counts. Element does this too and it makes sure
the look is consistent, no matter how many reactions there are.
- Show a slight border around the background to make the transition to
non-reaction less "grainy"
---
 imports/NeoChat/Component/Timeline/ReactionDelegate.qml | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/imports/NeoChat/Component/Timeline/ReactionDelegate.qml b/imports/NeoChat/Component/Timeline/ReactionDelegate.qml
index 9ae50c621..26b17738b 100644
--- a/imports/NeoChat/Component/Timeline/ReactionDelegate.qml
+++ b/imports/NeoChat/Component/Timeline/ReactionDelegate.qml
@@ -22,7 +22,7 @@ Flow {
 
             contentItem: Label {
                 horizontalAlignment: Text.AlignHCenter
-                text: modelData.reaction + (modelData.count > 1 ? " " + modelData.count : "")
+                text: modelData.reaction + " " + modelData.count
             }
 
             padding: Kirigami.Units.smallSpacing
@@ -31,6 +31,8 @@ Flow {
                 radius: height / 2
                 Kirigami.Theme.colorSet: Kirigami.Theme.Button
                 color: checked ? Kirigami.Theme.positiveBackgroundColor : Kirigami.Theme.backgroundColor
+		border.color: checked ? Kirigami.Theme.positiveTextColor : Kirigami.Theme.textColor
+		border.width: 1
             }
 
             checkable: true