Fix volume change

gulpfile.js

@@ -29,16 +29,16 @@ var options = {
 
 gulp.task('js', function () {
   return gulp.src('src/**/*.js')
-    .pipe(plumber(function(error) {
-      gutil.log(gutil.colors.red('Error (' + error.plugin + '): ' + error.message));
-      this.emit('end');
-    }))
     .pipe(gulpif(options.dev || options.test, sourcemaps.init()))
     .pipe(react())
     .pipe(babel({blacklist: ['regenerator']}))
     .pipe(gulpif(options.dev || options.test, sourcemaps.write('.')))
     .pipe(gulp.dest((options.dev || options.test) ? './build' : './dist/osx/' + options.filename + '/Contents/Resources/app/build'))
-    .pipe(gulpif(options.dev, livereload()));
+    .pipe(gulpif(options.dev, livereload()))
+    .pipe(plumber(function(error) {
+      gutil.log(gutil.colors.red('Error (' + error.plugin + '): ' + error.message));
+      this.emit('end');
+    }));
 });
 
 gulp.task('images', function() {

src/ContainerListItem.react.js

@@ -29,6 +29,7 @@ var ContainerListItem = React.createClass({
         });
       }
     }.bind(this));
+    return false;
   },
   render: function () {
     var self = this;

src/ContainerStore.js

@@ -91,10 +91,15 @@ var ContainerStore = assign(Object.create(EventEmitter.prototype), {
             callback(err);
             return;
           }
-          var binds = [];
+          var binds = containerData.Binds || [];
           if (data.Config.Volumes) {
             _.each(data.Config.Volumes, function (value, key) {
-              binds.push(path.join(process.env.HOME, 'Kitematic', containerData.name, key)+ ':' + key);
+              var existingBind = _.find(binds, b => {
+                return b.indexOf(':' + key) !== -1;
+              });
+              if (!existingBind) {
+                binds.push(path.join(process.env.HOME, 'Kitematic', containerData.name, key)+ ':' + key);
+              }
             });
           }
           docker.client().createContainer(containerData, function (err, container) {

src/ImageCard.react.js

@@ -29,7 +29,6 @@ var ImageCard = React.createClass({
     var $tagOverlay = $(this.getDOMNode()).find('.tag-overlay');
     $tagOverlay.fadeIn(300);
     $.get('https://registry.hub.docker.com/v1/repositories/' + name + '/tags', function (result) {
-      console.log(result);
       this.setState({
         tags: result
       });

styles/containers.less

@@ -911,7 +911,8 @@
           flex: 1 auto;
           flex-direction: row;
           .settings-menu {
-            min-width: 160px;
+            min-width: 180px;
+            flex: 0 auto;
             ul {
               position: fixed;
               margin: 0;
@@ -958,8 +959,8 @@
             }
           }
           .settings-panel {
-            padding-left: 40px;
+            padding-left: 20px;
-            width: 100%;
+            flex: 1 auto;
             overflow-x: hidden;
             .settings-section {
               margin-bottom: 40px;
@@ -1084,13 +1085,11 @@
             .label-left {
               flex: 0 auto;
               margin-right: 30px;
-              width: 30%;
             }
             .label-right {
               flex: 1 auto;
               display: inline-block;
               margin-left: 10px;
-              width: 60%;
             }
           }
           .table-values {
@@ -1099,14 +1098,12 @@
             flex-direction: row;
             margin: 8px 0;
             .value-left {
-              width: 30%;
               flex: 0 auto;
               padding: 0px;
             }
             .value-right {
               flex: 1 auto;
               -webkit-user-select: text;
-              width: 60%;
               padding: 0px;
             }
             .btn {