Merge pull request #1279 from idleberg/master

use Bootstrap classes

Author: rgbkrk

lib/script-options-view.js

@@ -9,35 +9,37 @@ export default class ScriptOptionsView extends View {
 
   static content() {
     this.div({ class: 'options-view' }, () => {
-      this.div({ class: 'panel-heading' }, 'Configure Run Options');
-      this.table(() => {
-        this.tr(() => {
-          this.td({ class: 'first' }, () => this.label('Current Working Directory:'));
-          this.td({ class: 'second' }, () => this.tag('atom-text-editor', { mini: '', class: 'editor mini', outlet: 'inputCwd' }));
-        });
-        this.tr(() => {
-          this.td(() => this.label('Command'));
-          this.td(() => this.tag('atom-text-editor', { mini: '', class: 'editor mini', outlet: 'inputCommand' }));
-        });
-        this.tr(() => {
-          this.td(() => this.label('Command Arguments:'));
-          this.td(() => this.tag('atom-text-editor', { mini: '', class: 'editor mini', outlet: 'inputCommandArgs' }));
-        });
-        this.tr(() => {
-          this.td(() => this.label('Program Arguments:'));
-          this.td(() => this.tag('atom-text-editor', { mini: '', class: 'editor mini', outlet: 'inputScriptArgs' }));
-        });
-        this.tr(() => {
-          this.td(() => this.label('Environment Variables:'));
-          this.td(() => this.tag('atom-text-editor', { mini: '', class: 'editor mini', outlet: 'inputEnv' }));
+      this.h4({ class: 'modal-header' }, 'Configure Run Options');
+      this.div({ class: 'modal-body'}, () => {
+        this.table(() => {
+          this.tr(() => {
+            this.td({ class: 'first' }, () => this.label('Current Working Directory:'));
+            this.td({ class: 'second' }, () => this.tag('atom-text-editor', { mini: '', class: 'editor mini', outlet: 'inputCwd' }));
+          });
+          this.tr(() => {
+            this.td(() => this.label('Command'));
+            this.td(() => this.tag('atom-text-editor', { mini: '', class: 'editor mini', outlet: 'inputCommand' }));
+          });
+          this.tr(() => {
+            this.td(() => this.label('Command Arguments:'));
+            this.td(() => this.tag('atom-text-editor', { mini: '', class: 'editor mini', outlet: 'inputCommandArgs' }));
+          });
+          this.tr(() => {
+            this.td(() => this.label('Program Arguments:'));
+            this.td(() => this.tag('atom-text-editor', { mini: '', class: 'editor mini', outlet: 'inputScriptArgs' }));
+          });
+          this.tr(() => {
+            this.td(() => this.label('Environment Variables:'));
+            this.td(() => this.tag('atom-text-editor', { mini: '', class: 'editor mini', outlet: 'inputEnv' }));
+          });
         });
       });
-      this.div({ class: 'block buttons' }, () => {
+      this.div({ class: 'modal-footer' }, () => {
         const css = 'btn inline-block-tight';
         this.button({ class: `btn ${css} cancel`, outlet: 'buttonCancel', click: 'close' }, () =>
           this.span({ class: 'icon icon-x' }, 'Cancel'),
         );
-        this.span({ class: 'right-buttons' }, () => {
+        this.span({ class: 'pull-right' }, () => {
           this.button({ class: `btn ${css} save-profile`, outlet: 'buttonSaveProfile', click: 'saveProfile' }, () =>
             this.span({ class: 'icon icon-file-text' }, 'Save as profile'),
           );