modal width on small screens

clearfix on menu

css/organizr.css

@@ -80,12 +80,23 @@ span.jsgrid-pager-page.jsgrid-pager-current-page.btn.btn-primary{
     position: inherit;
     display: block;
 }
-.orgErrorAlert {
-    min-width: 478px;
-    width: calc(100% - 40px);
-    max-width: 1200px;
-    background-color: #1f1f1f !important;
+@media screen and (max-width: 767px) {
+    .orgErrorAlert {
+        min-width: 200px;
+        width: calc(100% - 40px);
+        max-width: 727px;
+        background-color: #1f1f1f !important;
+    }
 }
+@media screen and (min-width: 768px) {
+    .orgErrorAlert {
+        min-width: 478px;
+        width: calc(100% - 40px);
+        max-width: 1200px;
+        background-color: #1f1f1f !important;
+    }
+}
+
 .tab1 { padding-left: 1em; }
 .tab2 { padding-left: 2em; }
 .tab3 { padding-left: 3em; }

js/functions.js

@@ -1820,6 +1820,7 @@ function buildFormGroup(array){
                         if (typeof value === 'object'){
                             builtItems += '<div class="row m-b-40">';
                             $.each(value, function(number,formItem) {
+                            	let clearfix = (formItem.type == 'blank') ? '<div class="clearfix"></div>' : '';
                                 builtItems += `
                                     <!-- INPUT BOX  Yes Multiple -->
                                     <div class="col-md-6 p-b-10">
@@ -1828,6 +1829,7 @@ function buildFormGroup(array){
                                             <div class="col-md-12">${buildFormItem(formItem)}</div> <!-- end div -->
                                         </div>
                                     </div>
+                                    ${clearfix}
                                     <!--/ INPUT BOX -->
                                 `;
                             });