Changes to the alert generation and added btn-group for multiple buttons.

javascript/src/Alert.js

@@ -130,6 +130,7 @@ var QfqNS = QfqNS || {};
         if (alertContainer.length === 0) {
             // No container so far, create one
             alertContainer = $("<div>").attr("id", n.Alert.constants.alertContainerId);
+
             $("body").append(alertContainer);
         }
 
@@ -178,6 +179,7 @@ var QfqNS = QfqNS || {};
      */
     n.Alert.prototype.getButtons = function () {
         var $buttons = null;
+        var $container = $("<div>").addClass("alert-buttons");
         var numberOfButtons = this.buttons.length;
         var index;
         var buttonConfiguration;
@@ -186,7 +188,11 @@ var QfqNS = QfqNS || {};
             buttonConfiguration = this.buttons[index];
 
             if (!$buttons) {
-                $buttons = $("<div>").addClass("alert-buttons");
+                if (numberOfButtons > 1) {
+                    $buttons = $("<div>").addClass("btn-group");
+                } else {
+                    $buttons = $container;
+                }
             }
 
             var focus = buttonConfiguration.focus ? buttonConfiguration.focus : false;
@@ -197,6 +203,11 @@ var QfqNS = QfqNS || {};
                 .click(buttonConfiguration, this.buttonHandler.bind(this)));
         }
 
+        if (numberOfButtons > 1) {
+            $container.append($buttons);
+            $buttons = $container;
+        }
+
         return $buttons;
     };
 
@@ -215,7 +226,7 @@ var QfqNS = QfqNS || {};
         $alertContainer = this.makeAlertContainerSingleton();
         if (this.modal) {
             this.$modalDiv = $("<div>");
-            this.$modalDiv.css('width', Math.max(document.documentElement.clientWidth, window.innerWidth || 0));
+            this.$modalDiv.css('width', "100%");
             this.$modalDiv.css('height', Math.max(document.documentElement.clientHeight, window.innerHeight || 0));
         }