diff --git a/src/ContainerDetails.react.js b/src/ContainerDetails.react.js
index 39183fc230..900ceb04b5 100644
--- a/src/ContainerDetails.react.js
+++ b/src/ContainerDetails.react.js
@@ -11,7 +11,6 @@ var dialog = remote.require('dialog');
var ContainerStore = require('./ContainerStore');
var ContainerUtil = require('./ContainerUtil');
var boot2docker = require('./Boot2Docker');
-var ProgressBar = require('react-bootstrap/ProgressBar');
var ContainerDetailsHeader = require('./ContainerDetailsHeader.react');
var ContainerHome = require('./ContainerHome.react');
var RetinaImage = require('react-retina-image');
@@ -418,7 +417,7 @@ var ContainerDetails = React.createClass({
if (this.state.progress) {
body = (
-
Downloading
+ Downloading
);
diff --git a/src/NewContainer.react.js b/src/NewContainer.react.js
index 3fbe6ac05c..671b8028fc 100644
--- a/src/NewContainer.react.js
+++ b/src/NewContainer.react.js
@@ -77,6 +77,7 @@ var NewContainer = React.createClass({
if (err) {
throw err;
}
+ $(document.body).find('.new-container-item').parent().fadeOut();
}.bind(this));
},
handleDropdownClick: function (name) {
diff --git a/styles/containers.less b/styles/containers.less
index 1609bb0fd2..30dca5f810 100644
--- a/styles/containers.less
+++ b/styles/containers.less
@@ -585,6 +585,9 @@
&.stopped {
color: @gray-lighter;
}
+ &.downloading {
+ color: @brand-action;
+ }
}
/*.details-header-actions {
@@ -618,9 +621,12 @@
}
.details-progress {
- margin: 26% auto 0;
+ margin: 20% auto 0;
text-align: center;
width: 300px;
+ h2 {
+ margin-bottom: 20px;
+ }
}
.details-panel {
diff --git a/styles/theme.less b/styles/theme.less
index 132faa7545..2a404974b3 100644
--- a/styles/theme.less
+++ b/styles/theme.less
@@ -5,6 +5,11 @@
@import "bootstrap/variables.less";
@import "bootstrap/mixins.less";
+h2 {
+ font-size: 18px;
+ color: @gray-normal;
+}
+
h3 {
font-size: 14px;
color: @gray-darkest;