diff --git a/src/assets/stylesheets/hub-create.scss b/src/assets/stylesheets/hub-create.scss index 37ce5c39bfba7e540faf60f8de4f2467a77da470..78c7ad8ac124cc92e0365ed34ab6bd5dcb6f341e 100644 --- a/src/assets/stylesheets/hub-create.scss +++ b/src/assets/stylesheets/hub-create.scss @@ -41,7 +41,6 @@ } } - .create-panel__form__name { @extend %rounded-border; @extend %default-font; @@ -171,3 +170,19 @@ top: -3%; left: -3%; } + +.create-panel__form__environment__picker__labels { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; +} + +.create-panel__form__environment__picker__controls { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; +} diff --git a/src/react-components/hub-create-panel.js b/src/react-components/hub-create-panel.js index 946f2737fcbf4b4d19042fa0360252edd8ccd6a9..ce80de428fc3b068b46eb93ce48ffe8180035e56 100644 --- a/src/react-components/hub-create-panel.js +++ b/src/react-components/hub-create-panel.js @@ -18,7 +18,7 @@ class HubCreatePanel extends Component { this.state = { name: generateHubName(), environmentIndex: Math.floor(Math.random() * props.environments.length), - expanded: false + expanded: true }; } @@ -117,6 +117,8 @@ class HubCreatePanel extends Component { <div className="create-panel__form__environment"> <div className="create-panel__form__environment__picker"> <img className="create-panel__form__environment__picker__image" srcSet={environmentImageSrcSet} /> + <div className="create-panel__form__environment__picker__labels">labels</div> + <div className="create-panel__form__environment__picker__controls">controls</div> </div> </div> )}