From 260f4062078b7e5f022a574a413e130c5d803ddc Mon Sep 17 00:00:00 2001
From: Sebastian Sdorra <sebastian.sdorra@cloudogu.com>
Date: Tue, 13 Nov 2018 07:37:49 +0100
Subject: [PATCH] fix loading spinner on mobile devices

---
 .../packages/ui-components/src/Loading.js     | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/scm-ui-components/packages/ui-components/src/Loading.js b/scm-ui-components/packages/ui-components/src/Loading.js
index 0a472ecb02..6b4817131f 100644
--- a/scm-ui-components/packages/ui-components/src/Loading.js
+++ b/scm-ui-components/packages/ui-components/src/Loading.js
@@ -1,10 +1,14 @@
 //@flow
+
 import React from "react";
 import { translate } from "react-i18next";
 import injectSheet from "react-jss";
 import Image from "./Image";
 
 const styles = {
+  minHeightContainer: {
+    minHeight: "256px"
+  },
   wrapper: {
     position: "relative"
   },
@@ -34,14 +38,16 @@ class Loading extends React.Component<Props> {
   render() {
     const { message, t, classes } = this.props;
     return (
-      <div className={classes.wrapper}>
-        <div className={classes.loading}>
-          <Image
-            className={classes.image}
-            src="/images/loading.svg"
-            alt={t("loading.alt")}
-          />
-          <p className="has-text-centered">{message}</p>
+      <div className={classes.minHeightContainer}>
+        <div className={classes.wrapper}>
+          <div className={classes.loading}>
+            <Image
+              className={classes.image}
+              src="/images/loading.svg"
+              alt={t("loading.alt")}
+            />
+            <p className="has-text-centered">{message}</p>
+          </div>
         </div>
       </div>
     );