From 97b88612668ac24c4079c1326add637a46ea129b Mon Sep 17 00:00:00 2001
From: Hugh Nimmo-Smith <hughns@element.io>
Date: Fri, 17 Feb 2023 09:31:43 +0000
Subject: [PATCH] Account management section design changes

Design matches https://github.com/matrix-org/matrix-react-sdk/pull/8681
---
 src/platform/web/ui/session/settings/SettingsView.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/platform/web/ui/session/settings/SettingsView.js b/src/platform/web/ui/session/settings/SettingsView.js
index 11164643f0..8f5b73ca95 100644
--- a/src/platform/web/ui/session/settings/SettingsView.js
+++ b/src/platform/web/ui/session/settings/SettingsView.js
@@ -51,7 +51,12 @@ export class SettingsView extends TemplateView {
 
         settingNodes.push(
             t.if(vm => vm.accountManagementUrl, t => {
-                return t.p([vm.i18n`You can manage your account `, t.a({href: vm.accountManagementUrl, target: "_blank"}, vm.i18n`here`), "."]);
+                const url = new URL(vm.accountManagementUrl);
+                return t.div([
+                    t.h3("Account"),
+                    t.p([vm.i18n`Your account details are managed separately at `, t.code(url.hostname), "."]),
+                    t.button({ onClick: () => window.open(vm.accountManagementUrl, '_blank') }, vm.i18n`Manage account`),
+                ]);
             }),
         );