From 05cc1f675773f8b5473dfd5329d25e74fdb2a06a Mon Sep 17 00:00:00 2001
From: Bruno Windels <bruno@windels.cloud>
Date: Thu, 3 Jun 2021 21:01:59 +0200
Subject: [PATCH] make reactions look like element

---
 .../web/ui/css/themes/element/timeline.css     | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/platform/web/ui/css/themes/element/timeline.css b/src/platform/web/ui/css/themes/element/timeline.css
index 1ae67d4a..03cae338 100644
--- a/src/platform/web/ui/css/themes/element/timeline.css
+++ b/src/platform/web/ui/css/themes/element/timeline.css
@@ -215,11 +215,25 @@ only loads when the top comes into view*/
 
 .Timeline_messageReactions {
     grid-area: reactions;
+    margin-top: 6px;
+}
+
+.Timeline_messageReactions button {
+    display: inline-flex;
+    line-height: 2.0rem;
+    margin-right: 6px;
+    padding: 1px 6px;
+    border: 1px solid #e9edf1;
+    border-radius: 10px;
+    background-color: #f3f8fd;
+    cursor: pointer;
+    user-select: none;
+    vertical-align: middle;
 }
 
 .Timeline_messageReactions button.haveReacted {
-    background-color: green;
-    color: white;
+    background-color: #e9fff9;
+    border-color: #0DBD8B;
 }
 
 .AnnouncementView {