From 77618d30fdcbb64dcb803b8fd518dad08957c647 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Thu, 30 Jan 2020 16:08:42 +0000
Subject: [PATCH] Actually this is green because it's a link

not because the things were verified. Use the linkButton class
---
 res/css/views/right_panel/_UserInfo.scss     | 4 ----
 src/components/views/right_panel/UserInfo.js | 6 ++----
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/res/css/views/right_panel/_UserInfo.scss b/res/css/views/right_panel/_UserInfo.scss
index e5f3aeed3f..46d5e99d64 100644
--- a/res/css/views/right_panel/_UserInfo.scss
+++ b/res/css/views/right_panel/_UserInfo.scss
@@ -257,10 +257,6 @@ limitations under the License.
             display: flex;
             margin-top: 11px;
         }
-
-        .mx_UserInfo_expand_verified {
-            color: $accent-color;
-        }
     }
 
     .mx_UserInfo_wideButton {
diff --git a/src/components/views/right_panel/UserInfo.js b/src/components/views/right_panel/UserInfo.js
index 66341f3ffd..1c6cb58b8f 100644
--- a/src/components/views/right_panel/UserInfo.js
+++ b/src/components/views/right_panel/UserInfo.js
@@ -221,7 +221,6 @@ function DevicesSection({devices, userId, loading}) {
 
     let expandCountCaption;
     let expandHideCaption;
-    let expandClasses = "mx_UserInfo_expand";
     let expandIconClasses = "mx_E2EIcon";
 
     if (userTrust.isVerified()) {
@@ -245,7 +244,6 @@ function DevicesSection({devices, userId, loading}) {
         }
         expandCountCaption = _t("%(count)s verified sessions", {count: expandSectionDevices.length});
         expandHideCaption = _t("Hide verified sessions");
-        expandClasses += " mx_UserInfo_expand_verified";
         expandIconClasses += " mx_E2EIcon_verified";
     } else {
         expandSectionDevices = devices;
@@ -257,11 +255,11 @@ function DevicesSection({devices, userId, loading}) {
     let expandButton;
     if (expandSectionDevices.length) {
         if (isExpanded) {
-            expandButton = (<AccessibleButton className={expandClasses} onClick={() => setExpanded(false)}>
+            expandButton = (<AccessibleButton className="mx_UserInfo_expand mx_linkButton" onClick={() => setExpanded(false)}>
                 <div>{expandHideCaption}</div>
             </AccessibleButton>);
         } else {
-            expandButton = (<AccessibleButton className={expandClasses} onClick={() => setExpanded(true)}>
+            expandButton = (<AccessibleButton className="mx_UserInfo_expand mx_linkButton" onClick={() => setExpanded(true)}>
                 <div className={expandIconClasses} />
                 <div>{expandCountCaption}</div>
             </AccessibleButton>);