UI Fixes

package.json

@@ -77,13 +77,13 @@
         "c9.ide.behaviors": "#6aad7006a0",
         "c9.ide.closeconfirmation": "#a28bfd8272",
         "c9.ide.configuration": "#b8470f4107",
-        "c9.ide.dialog.wizard": "#9ec0eafb28",
+        "c9.ide.dialog.wizard": "#3641096e13",
         "c9.ide.fontawesome": "#781602c5d8",
         "c9.ide.format": "#f51451ac57",
         "c9.ide.help.support": "#60e88f5680",
         "c9.ide.imgeditor": "#08bbc53578",
         "c9.ide.immediate": "#6845a93705",
-        "c9.ide.installer": "#f0d8fe9d26",
+        "c9.ide.installer": "#ca02a6312b",
         "c9.ide.mount": "#32e79866ee",
         "c9.ide.navigate": "#64156c7f4a",
         "c9.ide.newresource": "#9a7464cc47",

plugins/c9.ide.dialog/dialog.js

@@ -67,10 +67,12 @@ define(function(require, module, exports) {
             var left = options.left;
             var top = options.top;
             var width = options.width || 512;
+            var height = options.height;
             var title = options.title;
             var heading = options.heading;
             var body = options.body;
             var custom = options.custom;
+            var className = options.class;
             var modal = options.modal;
             var zindex = options.zindex;
             var allowClose = options.allowClose;
@@ -101,9 +103,13 @@ define(function(require, module, exports) {
                     modal: modal,
                     buttons: allowClose ? "close" : "",
                     width: width,
+                    height: height,
                     zindex: zindex || "",
                     skin: "bk-window2",
-                    class: "relative" + (options.dark ? " dark" : ""),
+                    class: "dialog " 
+                        + (height ? "" : "relative") 
+                        + (options.dark ? " dark" : "") 
+                        + (className ? " " + className : ""),
                     childNodes: [
                         new ui.vbox({
                             id: "titles",
@@ -439,11 +445,14 @@ define(function(require, module, exports) {
                     
                     dialog.setAttribute("height", v ? dialog.getHeight() : "");
                     dialog.setAttribute("width", v ? dialog.getWidth() : "");
-                    dialog.setAttribute("class", v ? "" : "relative");
-                    titles.setAttribute("anchors", v ? "0 0 46 0" : "");
-                    buttons.setAttribute("bottom", v ? "0" : "");
-                    buttons.setAttribute("left", v ? "0" : "");
-                    buttons.setAttribute("right", v ? "0" : "");
+                    dialog.setAttribute("class", "dialog " 
+                        + (v ? "" : "relative")
+                        + (options.dark ? " dark" : "") 
+                        + (className ? " " + className : ""));
+                    // titles.setAttribute("anchors", v ? "0 0 46 0" : "");
+                    // buttons.setAttribute("bottom", v ? "0" : "");
+                    // buttons.setAttribute("left", v ? "0" : "");
+                    // buttons.setAttribute("right", v ? "0" : "");
                     dialog.setAttribute("resizable", v);
                 },
                 /**

plugins/c9.ide.layout.classic/less/bk-window.less

@@ -130,3 +130,11 @@
     top: 25px;
 }
     
+.bk-window.dialog .bk-container{
+    display: flex;
+    flex-direction: column;
+}
+.bk-window.dialog .bk-container > div:first-child{
+    flex: 1;
+    position: relative;
+}