bug fixes

app/components/edit-account/component.js

@@ -4,7 +4,7 @@ import C from 'ui/utils/constants';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend(NewOrEdit, {
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal'],
   access: Ember.inject.service(),
   primaryResource: Ember.computed.alias('model.account'),
 

app/components/edit-aliasservice/component.js

@@ -3,7 +3,7 @@ import ModalBase from 'lacsso/components/modal-base';
 import NewServiceAlias from 'ui/mixins/new-service-alias';
 
 export default ModalBase.extend(NewServiceAlias, {
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3', 'modal-logs'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal', 'modal-logs'],
   originalModel  : Ember.computed.alias('modalService.modalOpts'),
   allServicesService: Ember.inject.service('all-services'),
   editing: true,

app/components/edit-apikey/component.js

@@ -3,7 +3,7 @@ import NewOrEdit from 'ui/mixins/new-or-edit';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend(NewOrEdit, {
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal'],
   originalModel: Ember.computed.alias('modalService.modalOpts'),
   model: null,
   clone: null,

app/components/edit-balancerservice/component.js

@@ -3,7 +3,7 @@ import NewBalancer from 'ui/mixins/new-balancer';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend(NewBalancer, {
-  classNames         : ['lacsso', 'modal-container', 'span-6', 'offset-3', 'modal-logs'],
+  classNames         : ['lacsso', 'modal-container', 'full-width-modal', 'modal-logs'],
   originalModel      : Ember.computed.alias('modalService.modalOpts'),
 
   actions: {

app/components/edit-certificate/component.js

@@ -3,7 +3,7 @@ import NewOrEdit from 'ui/mixins/new-or-edit';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend(NewOrEdit, {
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal'],
   originalModel: Ember.computed.alias('modalService.modalOpts'),
   editing: true,
   model: null,

app/components/edit-container/component.js

@@ -3,7 +3,7 @@ import NewOrEdit from 'ui/mixins/new-or-edit';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend(NewOrEdit, {
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal'],
   originalModel: Ember.computed.alias('modalService.modalOpts'),
   editing: true,
   isService: false,

app/components/edit-externalservice/component.js

@@ -3,7 +3,7 @@ import Ember from 'ember';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend(NewOrEdit, {
-  classNames         : ['lacsso', 'modal-container', 'span-6', 'offset-3', 'modal-logs'],
+  classNames         : ['lacsso', 'modal-container', 'full-width-modal', 'modal-logs'],
   originalModel      : Ember.computed.alias('modalService.modalOpts'),
   existing: Ember.computed.alias('originalModel'),
   editing: true,

app/components/edit-host/component.js

@@ -4,7 +4,7 @@ import NewOrEdit from 'ui/mixins/new-or-edit';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend(NewOrEdit, ManageLabels, {
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal'],
   originalModel: Ember.computed.alias('modalService.modalOpts'),
   model: null,
   editing: true,

app/components/edit-registry/component.js

@@ -3,7 +3,7 @@ import NewOrEdit from 'ui/mixins/new-or-edit';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend(NewOrEdit, {
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal'],
   originalModel: Ember.computed.alias('modalService.modalOpts'),
   error: null,
   credentials: null,

app/components/edit-service/component.js

@@ -3,7 +3,7 @@ import NewOrEdit from 'ui/mixins/new-or-edit';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend(NewOrEdit, {
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal'],
   originalModel: Ember.computed.alias('modalService.modalOpts'),
   service: null,
 

app/components/edit-stack/component.js

@@ -3,7 +3,7 @@ import NewOrEdit from 'ui/mixins/new-or-edit';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend(NewOrEdit, {
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal'],
   originalModel: Ember.computed.alias('modalService.modalOpts'),
   editing: true,
   model: null,

app/components/modal-about/component.js

@@ -2,10 +2,7 @@ import Ember from 'ember';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend({
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3', 'generic', 'about'],
+  classNames: ['lacsso', 'modal-container', 'generic', 'about', 'full-width-modal'],
+  closeWithOutsideClick: true,
   settings: Ember.inject.service(),
-
-  actions: {
-
-  },
 });

app/components/modal-auditlog-info/component.js

@@ -2,7 +2,7 @@ import Ember from 'ember';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend({
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3', 'modal-logs'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal', 'modal-logs'],
   requestObject  : Ember.computed.alias('modalService.modalOpts.requestObject'),
   responseObject  : Ember.computed.alias('modalService.modalOpts.responseObject'),
   requestJSON    : null,

app/components/modal-console/component.js

@@ -2,6 +2,6 @@ import Ember from 'ember';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend({
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3', 'modal-shell'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal', 'modal-shell'],
   originalModel: Ember.computed.alias('modalService.modalOpts'),
 });

app/components/modal-container-logs/component.js

@@ -2,7 +2,7 @@ import Ember from 'ember';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend({
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3', 'modal-logs'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal', 'modal-logs'],
   originalModel: Ember.computed.alias('modalService.modalOpts'),
 
 });

app/components/modal-edit-backup/component.js

@@ -2,7 +2,7 @@ import Ember from 'ember';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend({
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal'],
   originalModel: Ember.computed.alias('modalService.modalOpts.originalModel'),
   backupTargets : Ember.computed.alias('modalService.modalOpts.backupTargets'),
   editing       : false,

app/components/modal-edit-driver/component.js

@@ -3,7 +3,7 @@ import NewOrEdit from 'ui/mixins/new-or-edit';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend(NewOrEdit, {
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal'],
   originalModel: Ember.computed.alias('modalService.modalOpts'),
   settings: Ember.inject.service(),
 

app/components/modal-edit-snapshot/component.js

@@ -2,7 +2,7 @@ import Ember from 'ember';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend({
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal'],
   originalModel: Ember.computed.alias('modalService.modalOpts'),
   editing       : false,
   clone         : null,

app/components/modal-process-error/component.js

@@ -2,7 +2,7 @@ import Ember from 'ember';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend({
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3', 'modal-logs'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal', 'modal-logs'],
   exception: Ember.computed.alias('modalService.modalOpts'),
   actions: {
     dismiss: function() {

app/components/modal-shell/component.js

@@ -2,6 +2,6 @@ import Ember from 'ember';
 import ModalBase from 'lacsso/components/modal-base';
 
 export default ModalBase.extend({
-  classNames: ['lacsso', 'modal-container', 'span-6', 'offset-3', 'modal-shell'],
+  classNames: ['lacsso', 'modal-container', 'full-width-modal', 'modal-shell'],
   originalModel: Ember.computed.alias('modalService.modalOpts'),
 });

app/components/page-footer/component.js

@@ -15,7 +15,9 @@ export default Ember.Component.extend({
   modalService: Ember.inject.service('modal'),
   actions: {
     showAbout() {
-      this.get('modalService').toggleModal('modal-about');
+      this.get('modalService').toggleModal('modal-about', {
+        closeWithOutsideClick: true
+      });
     },
 
     composeDownload(os) {

app/styles/components/_modals.scss

@@ -1,3 +1,14 @@
 .lacsso.modal-overlay.modal-open .modal-container.modal-logs {
     max-height: 100%;
 }
+
+.lacsso {
+  &.full-width-modal {
+    &.modal-container {
+      width: calc(100% - 40px);
+      max-width: 990px;
+      margin: 0 auto;
+    }
+
+  }
+}

package.json

@@ -54,7 +54,7 @@
     "forever-agent": "^0.6.1",
     "glob": "^5.0.3",
     "http-proxy": "^1.11.1",
-    "lacsso": "0.0.13",
+    "lacsso": "^0.0.13",
     "liquid-fire": "0.26.1",
     "loader.js": "^4.0.1",
     "shell-quote": "^1.4.3",