Restyle.

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 = (
           <div className="details-progress">
-            <h3>Downloading</h3>
+            <h2>Downloading</h2>
             <Radial progress={Math.round(this.state.progress * 100)}/>
           </div>
         );

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) {

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 {

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;