From 576623c401180518b6c8615d9964ffcd48834922 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 66290357a1..f66dfa4c58 100644
--- a/src/platform/web/ui/session/settings/SettingsView.js
+++ b/src/platform/web/ui/session/settings/SettingsView.js
@@ -50,7 +50,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`),
+                ]);
             }),
         );