From 100e056d55ca18d09cd40154e219fcce8f665c2f Mon Sep 17 00:00:00 2001
From: Bruno Windels <bruno@windels.cloud>
Date: Fri, 28 May 2021 12:22:47 +0200
Subject: [PATCH] style the button

---
 src/platform/web/ui/css/themes/element/timeline.css | 5 +++++
 src/platform/web/ui/session/room/timeline/common.js | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/platform/web/ui/css/themes/element/timeline.css b/src/platform/web/ui/css/themes/element/timeline.css
index 14b55caf..c90d6546 100644
--- a/src/platform/web/ui/css/themes/element/timeline.css
+++ b/src/platform/web/ui/css/themes/element/timeline.css
@@ -85,6 +85,11 @@ limitations under the License.
     justify-self: right;
     margin-top: -12px;
     margin-right: 4px;
+    /* button visuals */
+    border: #ccc 1px solid;
+    height: 24px;
+    background-color: #fff;
+    border-radius: 4px;
 }
 
 .Timeline_messageTime {
diff --git a/src/platform/web/ui/session/room/timeline/common.js b/src/platform/web/ui/session/room/timeline/common.js
index 0ec0d0cc..79fd6c7f 100644
--- a/src/platform/web/ui/session/room/timeline/common.js
+++ b/src/platform/web/ui/session/room/timeline/common.js
@@ -30,6 +30,6 @@ export function renderMessage(t, vm, body) {
         t.if(vm => !vm.isContinuation, t => t.div({className: `Timeline_messageSender usercolor${vm.avatarColorNumber}`}, vm.displayName)),
         body,
         // should be after body as it is overlayed on top
-        t.button({className: "Timeline_messageOptions"}, "⋮"),
+        t.button({className: "Timeline_messageOptions"}, "⋯"),
     ]);
 }