From 404c60fb0ef0d13c7068cd95a2171197a7db4334 Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Wed, 27 Feb 2019 11:21:35 +0000
Subject: [PATCH] Keep registration spinner inside the auth modal

The spinner was taking on the full height of the modal and escaping off the
page. This keeps it contained inside the modal.

Fixes https://github.com/vector-im/riot-web/issues/8661
---
 res/css/views/auth/_AuthBody.scss              | 4 ++++
 src/components/structures/auth/Registration.js | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/res/css/views/auth/_AuthBody.scss b/res/css/views/auth/_AuthBody.scss
index 778f5f6a4d..e8f49cdbd2 100644
--- a/res/css/views/auth/_AuthBody.scss
+++ b/res/css/views/auth/_AuthBody.scss
@@ -103,3 +103,7 @@ limitations under the License.
     text-align: center;
     width: 100%;
 }
+
+.mx_AuthBody_spinner {
+    margin: 1em 0;
+}
diff --git a/src/components/structures/auth/Registration.js b/src/components/structures/auth/Registration.js
index 1fcaa77d54..c24023803c 100644
--- a/src/components/structures/auth/Registration.js
+++ b/src/components/structures/auth/Registration.js
@@ -495,7 +495,9 @@ module.exports = React.createClass({
                 poll={true}
             />;
         } else if (this.state.busy || !this.state.flows) {
-            return <Spinner />;
+            return <div className="mx_AuthBody_spinner">
+                <Spinner />
+            </div>;
         } else {
             let onEditServerDetailsClick = null;
             // If custom URLs are allowed and we haven't selected the Free server type, wire