From 3db4f6c93a61feefe0354f9f0d85d2095d120d51 Mon Sep 17 00:00:00 2001
From: Kyle Shockey <shockey@users.noreply.github.com>
Date: Tue, 12 Dec 2017 13:24:42 -0800
Subject: [PATCH] Wrap BaseLayout loading messages in
 swagger-ui+loading-container

---
 src/core/components/layouts/base.jsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/core/components/layouts/base.jsx b/src/core/components/layouts/base.jsx
index cd4155ac..47f94c1a 100644
--- a/src/core/components/layouts/base.jsx
+++ b/src/core/components/layouts/base.jsx
@@ -61,11 +61,18 @@ export default class BaseLayout extends React.Component {
     const isSpecEmpty = !specSelectors.specStr()
 
     if(isSpecEmpty) {
+      let loadingMessage
       if(isLoading) {
-        return <div className="loading-container"><div className="loading"></div></div>
+        loadingMessage = <div className="loading"></div>
       } else {
-        return <h4>No spec provided.</h4>
+        loadingMessage = <h4>No spec provided.</h4>
       }
+
+      return <div className="swagger-ui">
+        <div className="loading-container">
+          {loadingMessage}
+        </div>
+      </div>
     }
 
     return (