Prevent loading screen from overlaying the app bar

Refs #4417

This change is functional copy of 3893469 that solves the problem in a way
that doesn't depend on the height of the app bar since the app bar isn't a
fixed height in the smaller views.

1 files changed, 8 insertions, 6 deletions

diff --git a/ui/app/app.js b/ui/app/app.js
index c93f93e75..7c92bcf74 100644
--- a/ui/app/app.js
+++ b/ui/app/app.js
@@ -152,12 +152,14 @@ class App extends Component {
 
         h(AccountMenu),
 
-        (isLoading || isLoadingNetwork) && h(Loading, {
-          loadingMessage: loadMessage,
-        }),
-
-        // content
-        this.renderRoutes(),
+        h('div.main-container', [
+          (isLoading || isLoadingNetwork) && h(Loading, {
+            loadingMessage: loadMessage,
+          }),
+
+          // content
+          this.renderRoutes(),
+        ]),
       ])
     )
   }