ReactInspector: Fix layout update issue if backend try to reconnect (#507)

NOTE: This just fixed the inspector UI update issue, but not for the console errors. (it's upstream issue)

Author: jhen0409

app/containers/ReactInspector.js

@@ -21,6 +21,21 @@ const styles = {
     display: 'flex',
     height: '100%',
     justifyContent: 'center',
+    position: 'relative',
+  },
+  waiting: {
+    height: '100%',
+    display: 'flex',
+    webkitUserSelect: 'none',
+    textAlign: 'center',
+    color: '#aaa',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
   },
 };
 
@@ -137,7 +152,7 @@ export default class ReactInspector extends Component {
   render() {
     return (
       <div id={containerId} style={styles.container}>
-        <div id="waiting">
+        <div id="waiting" style={styles.waiting}>
           <h2>{'Waiting for React to connect…'}</h2>
         </div>
       </div>

dist/css/style.css

@@ -20,13 +20,6 @@ body {
   left: 0;
   white-space: pre;
 }
-#waiting {
-  -webkit-user-select: none;
-  text-align: center;
-  padding: 30px;
-  color: #aaa;
-  align-self: center;
-}
 #loading {
   color: #aaa;
   font-size: 30px;