Add flex-column class to configonly ship (#1004)

Add flex-column class to configonly ship

Author: Ben Junya

web/init/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@replicatedhq/ship-init",
-  "version": "1.6.5",
+  "version": "1.6.6",
   "description": "Shared component that contains the Ship Init app",
   "author": "Replicated, Inc.",
   "license": "Apache-2.0",

web/init/src/ErrorBoundary.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-
+import classNames from "classnames";
 /**
  * Creates an error boundary for any child component rendered inside
  */
@@ -26,10 +26,10 @@ export default class ErrorBoundary extends React.Component {
   }
 
   render() {
-    const { children } = this.props;
+    const { children, className } = this.props;
     const { hasError, error } = this.state;
     return (
-      <div className="flex flex1">
+      <div className={classNames("flex flex1", className)}>
         {hasError && <div>{error.toString()}</div>}
         {children}
       </div>

web/init/src/components/config_only/ConfigOnly.jsx

@@ -193,7 +193,7 @@ export default class ConfigOnly extends React.Component {
 
     return (
       <Layout configOnly={true} configRouteId={routeId}>
-        <ErrorBoundary>
+        <ErrorBoundary className="flex-column">
           <div className="flex-column flex1">
             <div className="flex-column flex1 u-overflow--hidden u-position--relative">
               <Toast toast={toastDetails} onCancel={this.cancelToast} />