From 3f99b7247cd8161d84f9364a53bc73c3fe899bee Mon Sep 17 00:00:00 2001
From: RMidhunSuresh <rmidhunsuresh@gmail.com>
Date: Fri, 28 May 2021 15:46:10 +0530
Subject: [PATCH 1/4] Bring in vertical ellipsis icon

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
---
 .../web/ui/css/themes/element/icons/vertical-ellipsis.svg      | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 src/platform/web/ui/css/themes/element/icons/vertical-ellipsis.svg

diff --git a/src/platform/web/ui/css/themes/element/icons/vertical-ellipsis.svg b/src/platform/web/ui/css/themes/element/icons/vertical-ellipsis.svg
new file mode 100644
index 00000000..48a531e0
--- /dev/null
+++ b/src/platform/web/ui/css/themes/element/icons/vertical-ellipsis.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.154 16.662C13.154 16.158 12.776 15.836 12.272 15.836C11.754 15.836 11.39 16.158 11.39 16.662C11.39 17.152 11.754 17.488 12.272 17.488C12.776 17.502 13.154 17.152 13.154 16.662ZM13.154 12C13.154 11.496 12.776 11.16 12.272 11.16C11.754 11.174 11.39 11.496 11.39 11.986C11.39 12.476 11.754 12.826 12.272 12.826C12.776 12.84 13.154 12.49 13.154 12ZM13.154 7.338C13.154 6.82 12.776 6.498 12.272 6.498C11.754 6.498 11.39 6.834 11.39 7.324C11.39 7.814 11.754 8.164 12.272 8.164C12.776 8.164 13.154 7.828 13.154 7.338Z" fill="#454545"/>
+</svg>

From ba11cdd83fc1ddde680c6bee6d879bcfea5f401c Mon Sep 17 00:00:00 2001
From: RMidhunSuresh <rmidhunsuresh@gmail.com>
Date: Fri, 28 May 2021 15:47:06 +0530
Subject: [PATCH 2/4] Remove ellipsis character

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
---
 src/platform/web/ui/session/room/RoomView.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/platform/web/ui/session/room/RoomView.js b/src/platform/web/ui/session/room/RoomView.js
index fff875b8..82a1dcf1 100644
--- a/src/platform/web/ui/session/room/RoomView.js
+++ b/src/platform/web/ui/session/room/RoomView.js
@@ -47,7 +47,7 @@ export class RoomView extends TemplateView {
                 t.button({
                     className: "button-utility room-options",
                     onClick: evt => this._toggleOptionsMenu(evt)
-                }, "⋮")
+                })
             ]),
             t.div({className: "RoomView_body"}, [
                 t.div({className: "RoomView_error"}, vm => vm.error),

From fc898f8c7e43a4db9667533c573ff6e7ae890b0a Mon Sep 17 00:00:00 2001
From: RMidhunSuresh <rmidhunsuresh@gmail.com>
Date: Fri, 28 May 2021 15:47:50 +0530
Subject: [PATCH 3/4] Set new svg icon as background-image of button

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
---
 src/platform/web/ui/css/themes/element/theme.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css
index c6c18445..f73f5edd 100644
--- a/src/platform/web/ui/css/themes/element/theme.css
+++ b/src/platform/web/ui/css/themes/element/theme.css
@@ -448,8 +448,7 @@ a {
 }
 
 .RoomHeader .room-options {
-    font-weight: bold;
-    font-size: 1.5rem;
+    background-image: url("./icons/vertical-ellipsis.svg");
 }
 
 .RoomView_error {
@@ -932,4 +931,4 @@ button.link {
 .UnknownRoomView button {
     max-width: 200px;
     width: 100%;
-}
\ No newline at end of file
+}

From 849a02cec253716c023e28551870cfb00cd88cf9 Mon Sep 17 00:00:00 2001
From: RMidhunSuresh <rmidhunsuresh@gmail.com>
Date: Fri, 28 May 2021 20:37:36 +0530
Subject: [PATCH 4/4] Add aria-label

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
---
 src/platform/web/ui/session/room/RoomView.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/platform/web/ui/session/room/RoomView.js b/src/platform/web/ui/session/room/RoomView.js
index 82a1dcf1..f89e2fff 100644
--- a/src/platform/web/ui/session/room/RoomView.js
+++ b/src/platform/web/ui/session/room/RoomView.js
@@ -46,6 +46,7 @@ export class RoomView extends TemplateView {
                 ]),
                 t.button({
                     className: "button-utility room-options",
+                    "aria-label":vm.i18n`Room options`,
                     onClick: evt => this._toggleOptionsMenu(evt)
                 })
             ]),