主从表分组样式

frontend/saas-web/app/util/FormUtil.js

@@ -269,7 +269,7 @@ Ext.define('saas.util.FormUtil', {
                 Ext.Array.insert(items, formIndex + index, [{
                     xtype: 'container',
                     userCls: 'x-field-separator',
-                    height: 24,
+                    height: 36,
                     html: group.title,
                     columnWidth: 1,
                     ignore: true,

frontend/saas-web/app/view/core/form/FormPanel.js

@@ -20,7 +20,7 @@ Ext.define('saas.view.core.form.FormPanel', {
     bodyPadding: '8 12 8 12',
 
     fieldDefaults: {
-        margin: '0 0 10 0',
+        margin: '0 0 10 10',
         labelAlign: 'right',
         labelWidth: 90,
         columnWidth: 0.25,

frontend/saas-web/app/view/core/form/FormPanel.scss

@@ -2,7 +2,7 @@
     padding: 8px 12px 8px 12px;
 
     .x-toolbar-default-docked-top{
-        padding: 6px 0 12px 8px;
+        padding: 12px 5px 12px 8px;
     }
     .x-tb {
         color: #A2A2A2;
@@ -72,6 +72,9 @@
         &>div {
             padding-left: 20px;
             font-weight: bold;
+            height: 100%;
+            line-height: 100%;
+            vertical-align: middle;
 
             &:before {
                 content: ' ';
@@ -81,7 +84,7 @@
                 border-radius: 4px;
                 background: #33b4ee;
                 left: 4px;
-                top: 1px;
+                top: 10px;
             }
         }
     }