From 09ed795c7966718fa1f7c377d782ef6e67f32bc3 Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Mon, 18 Feb 2019 15:49:36 +0000
Subject: [PATCH] Allow theming member info minimise button

---
 res/css/views/rooms/_MemberInfo.scss     | 4 ++++
 src/components/views/rooms/MemberInfo.js | 7 ++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/res/css/views/rooms/_MemberInfo.scss b/res/css/views/rooms/_MemberInfo.scss
index 707c186518..60faf3ef13 100644
--- a/res/css/views/rooms/_MemberInfo.scss
+++ b/res/css/views/rooms/_MemberInfo.scss
@@ -34,6 +34,10 @@ limitations under the License.
     height: 16px;
     padding: 10px 15px;
     cursor: pointer;
+    mask-image: url('$(res)/img/minimise.svg');
+    mask-repeat: no-repeat;
+    mask-position: center;
+    background-color: $rightpanel-button-color;
 }
 
 .mx_MemberInfo_name h2 {
diff --git a/src/components/views/rooms/MemberInfo.js b/src/components/views/rooms/MemberInfo.js
index f4c600af8d..c7ea54a4c8 100644
--- a/src/components/views/rooms/MemberInfo.js
+++ b/src/components/views/rooms/MemberInfo.js
@@ -983,9 +983,10 @@ module.exports = withMatrixClient(React.createClass({
         return (
             <div className="mx_MemberInfo">
                     <div className="mx_MemberInfo_name">
-                        <AccessibleButton className="mx_MemberInfo_cancel" onClick={this.onCancel}>
-                            <img src={require("../../../../res/img/minimise.svg")} width="10" height="16" className="mx_filterFlipColor" alt={_t('Close')} />
-                        </AccessibleButton>
+                        <AccessibleButton className="mx_MemberInfo_cancel"
+                            onClick={this.onCancel}
+                            title={_t('Close')}
+                        />
                         { e2eIconElement }
                         <EmojiText element="h2">{ memberName }</EmojiText>
                     </div>