From f5f805017289ace64f40a8b6de54933a3368bc71 Mon Sep 17 00:00:00 2001
From: Jason Robinson <mail@jasonrobinson.me>
Date: Thu, 4 Feb 2021 23:09:58 +0200
Subject: [PATCH] Add minimize button to HostSignupDialog.tsx

---
 res/css/views/dialogs/_HostSignupDialog.scss      | 14 ++++++++++++++
 src/components/views/dialogs/HostSignupDialog.tsx |  4 ++++
 2 files changed, 18 insertions(+)

diff --git a/res/css/views/dialogs/_HostSignupDialog.scss b/res/css/views/dialogs/_HostSignupDialog.scss
index c264a005b5..b2be12a5af 100644
--- a/res/css/views/dialogs/_HostSignupDialog.scss
+++ b/res/css/views/dialogs/_HostSignupDialog.scss
@@ -85,6 +85,20 @@ limitations under the License.
     right: 10px;
 }
 
+.mx_HostSignup_minimize_button {
+    mask: url('$(res)/img/feather-customised/widget/minimize.svg');
+    mask-repeat: no-repeat;
+    mask-position: center;
+    mask-size: cover;
+    width: 14px;
+    height: 14px;
+    background-color: $dialog-close-fg-color;
+    cursor: pointer;
+    position: absolute;
+    top: 10px;
+    right: 10px;
+}
+
 .mx_HostSignup_persisted {
     width: 580px;
     height: 600px;
diff --git a/src/components/views/dialogs/HostSignupDialog.tsx b/src/components/views/dialogs/HostSignupDialog.tsx
index 8859511f45..5350e59850 100644
--- a/src/components/views/dialogs/HostSignupDialog.tsx
+++ b/src/components/views/dialogs/HostSignupDialog.tsx
@@ -212,6 +212,10 @@ export default class HostSignupDialog extends React.PureComponent<IProps, IState
                             }
                             {!this.state.minimized &&
                                 <div className="mx_Dialog_header mx_Dialog_headerWithCancel">
+                                    <AccessibleButton
+                                        onClick={this.minimizeDialog} className="mx_HostSignup_minimize_button"
+                                        aria-label={_t("Minimize dialog")}
+                                    />
                                     <AccessibleButton
                                         onClick={this.onCloseClick} className="mx_Dialog_cancelButton"
                                         aria-label={_t("Close dialog")}