Fix HostingSignupDialog layouting inside dialog

res/css/_components.scss

@@ -72,7 +72,7 @@
 @import "./views/dialogs/_EditCommunityPrototypeDialog.scss";
 @import "./views/dialogs/_FeedbackDialog.scss";
 @import "./views/dialogs/_GroupAddressPicker.scss";
-@import "./views/dialogs/_HostingProviderDialog.scss";
+@import "./views/dialogs/_HostingSignupDialog.scss";
 @import "./views/dialogs/_IncomingSasDialog.scss";
 @import "./views/dialogs/_InviteDialog.scss";
 @import "./views/dialogs/_KeyboardShortcutsDialog.scss";

res/css/views/dialogs/_HostingSignupDialog.scss

@@ -14,22 +14,16 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_HostingProviderDialog .mx_Dialog {
+.mx_HostingSignupDialog .mx_Dialog {
-    width: 60%;
+    height: 50%;
-    height: 70%;
-    overflow: hidden;
-    padding: 0;
-    max-width: initial;
-    max-height: initial;
-    position: relative;
 }
 
-.mx_HostingProviderDialog_container {
+.mx_HostingSignupBaseDialog {
-    position: absolute;
+    height: 100%;
-    top: 0;
+}
-    bottom: 0;
+
-    left: 0;
+.mx_HostingSignupDialog_container {
-    right: 0;
+    height: 100%;
 
     iframe {
         width: 100%;
@@ -39,6 +33,6 @@ limitations under the License.
     }
 }
 
-.mx_HostingProviderTrigger {
+.mx_HostingSignupTrigger {
     cursor: pointer;
 }

src/components/views/dialogs/HostingSignupDialog.tsx

@@ -122,6 +122,7 @@ export default class HostingSignupDialog extends React.PureComponent<IProps, ISt
         const BaseDialog = sdk.getComponent('views.dialogs.BaseDialog');
         return (
             <BaseDialog
+                className="mx_HostingSignupBaseDialog"
                 onFinished={this.onFinished}
                 title="Set up your own personal Element host"
                 hasCancel={true}