fix ui_from two column css spacing

Author: Dave Conway-Jones

dist/css/app.min.css

@@ -32578,8 +32578,8 @@ reason: https://github.com/angular/material/issues/6214
 .nr-dashboard-form .formlabel {
   font-size: large;
   font-weight: 500;
-  margin-top: 8px;
-  margin-bottom: 20px;
+  margin-top: 12px;
+  margin-bottom: 6px;
   padding: 0 6px;
   width: 100%;
 }

dist/dashboard.appcache

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# Time: Sat Feb 13 2021 16:18:11 GMT+0000 (Greenwich Mean Time)
+# Time: Sun Feb 14 2021 17:51:42 GMT+0000 (Greenwich Mean Time)
 
 CACHE:
 i18n.js
@@ -26,4 +26,4 @@ loading.html
 NETWORK:
 *
 
-# hash: 9686ac8800bb9d75c8fd13d24177ef0ffbd4fe243ad959e5490d0d0864e6ec1f
+# hash: ed72d01c8f17d990eb4b9e4a671f0a55a599caa92ab67f54db486de0aa2cf8db

nodes/ui_base.html

@@ -701,12 +701,13 @@
         } else if (redNode.type === 'ui_chart') {
             height = Math.floor(groupWidth/2)+1;
         } else if (redNode.type === 'ui_form') {
-            var optNum = redNode.options.length; // Sub widget number
-            if (redNode.label) {
-                height = optNum + 2; // Label and Button
-            } else {
-                height = optNum + 1; // Button only
-            }
+            // var optNum = redNode.options.length; // Sub widget number
+            // if (redNode.label) {
+            //     height = optNum + 2; // Label and Button
+            // } else {
+            //     height = optNum + 1; // Button only
+            // }
+            height = redNode.rowCount
         } else if (redNode.type === 'ui_lineargauge') {
             if (redNode.unit && redNode.name) {
                 height = 5;

nodes/ui_form.js

@@ -24,7 +24,7 @@ module.exports = function(RED) {
                 order: config.order,
                 value: config.payload || node.id,
                 width: config.width || group.config.width || 6,
-                height: config.height || config.options.length ,
+                height: config.height || config.splitLayout == true ? Math.ceil(config.options.length/2) : config.options.length,
                 options: config.options,
                 formValue: config.formValue,
                 submit: config.submit,

src/components/ui-component/templates/form.css

@@ -14,8 +14,8 @@
 .nr-dashboard-form .formlabel {
     font-size: large;
     font-weight: 500;
-    margin-top: 8px;
-    margin-bottom: 20px;
+    margin-top: 12px;
+    margin-bottom: 6px;
     padding: 0 6px;
     width: 100%;
 }