Merge branch 'AlertRework' into 'master'

Alert rework

Buttons are now grouped, removed rounded borders from alert, added some padding. No major change yet.

See merge request !19

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));
         }
 

less/qfq-bs.css.less

@@ -12,7 +12,12 @@
   z-index: 1000;
 
   .alert {
+    padding: 30px;
+    border-radius: 0px;
     margin-bottom: 2px;
+    border-top: none;
+    border-left: none;
+    border-right: none;
   }
 }
 
@@ -25,6 +30,10 @@ i.@{spinner_class} {
   width: 16px;
 }
 
+.alert-buttons {
+  margin-top: 10px;
+}
+
 /*inline elements in horizontal mode are too much left*/
 .form-horizontal {
   .form-inline {