FIX rfix #5297. Button margin gap increased

app/admin/css/diagram-js.css

@@ -263,7 +263,7 @@ svg.new-parent {
   margin: 3px 5px 5px 5px;
   border: none;
   border-top: solid 1px #DDD;
-};
+}
 
 .djs-palette .entry:before {
   vertical-align: middle;

app/app.css

@@ -2381,4 +2381,9 @@ table.dataTable thead .sorting:after {
     position: absolute;
     top:0; left:0;
     z-index: 1099;
+}
+
+/* for overflowing buttons not collapsing each other */
+.bottom-margined{
+    margin-bottom: 0.75em;
 }
\ No newline at end of file

app/components/uitemplates/form_service_pg.html

 <div>
     <select ng-model="selection" ng-options="forms.indexOf(form) as form.name for form in forms" ng-change="selectform(selection)">
     </select>
-
-    <form sf-schema="schema" sf-form="form" sf-model="model"></form>
+    <div class="container">
+        <div class="row">
+            <div class="col-xs-6 center">
+                <form sf-schema="schema" sf-form="form" sf-model="model"></form>
+            </div>
+        </div>
+    </div>
 </div>
\ No newline at end of file

app/components/uitemplates/uitemplates.js

@@ -36,7 +36,12 @@ angular.module('ulakbus.uitemplates', ['ngRoute', 'schemaForm', 'ulakbus.formSer
             },
             {
                 name: 'Deneme Form 2',
-                form: ['email', 'id', 'name'],
+                form: ['email', 'id', 'name',
+                        { type:'button', title:'DickButt1DickButt1DickButt1' },
+                        { type:'button', title:'DickButt2DickButt2DickButt2' },
+                        { type:'button', title:'DickButt3DickButt3DickButt3' },
+
+                ],
                 schema: {
                     properties: {
                         email: {title: 'email', type: 'string'},

app/zetalib/form_service.js

@@ -314,7 +314,7 @@ angular.module('ulakbus.formService', ['ui.bootstrap'])
                 scope.form[scope.form.indexOf(k)] = {
                     type: v.type,
                     title: v.title,
-                    style: (v.style || "btn-danger") + " hide " + buttonClass,
+                    style: (v.style || "btn-danger") + " hide bottom-margined " + buttonClass,
                     onClick: function () {
                         delete scope.form_params.cmd;
                         delete scope.form_params.flow;