QmlDesigner: Reduce vertical gap between vector fields

This helps to differentiate which fields belong to which property
when multiple vertor properties are added next to each other.

Fixes: QDS-7704
Change-Id: I885e6d3d12a11851668e7c4d66f94f3356e5f082
Reviewed-by: Mahmoud Badri <mahmoud.badri@qt.io>

share/qtcreator/qmldesigner/propertyEditorQmlSources/PropertyTemplates/Vector2dEditorTemplate.template

@@ -3,40 +3,38 @@ PropertyLabel {
     tooltip: "%1"
 }
 
-ColumnLayout {
+SecondColumnLayout {
-    SecondColumnLayout {
+    SpinBox {
-        SpinBox {
+        minimumValue: -9999999
-            minimumValue: -9999999
+        maximumValue: 9999999
-            maximumValue: 9999999
+        decimals: 2
-            decimals: 2
+        backendValue: backendValues.%2_x
-            backendValue: backendValues.%2_x
+        implicitWidth: StudioTheme.Values.twoControlColumnWidth
-            implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                       + StudioTheme.Values.actionIndicatorWidth
-                           + StudioTheme.Values.actionIndicatorWidth
-        }
-
-        Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
-
-        ControlLabel {
-            text: "X"
-        }
-
-        Spacer { implicitWidth: StudioTheme.Values.controlGap }
-
-        SpinBox {
-            minimumValue: -9999999
-            maximumValue: 9999999
-            decimals: 2
-            backendValue: backendValues.%2_y
-            implicitWidth: StudioTheme.Values.twoControlColumnWidth
-                           + StudioTheme.Values.actionIndicatorWidth
-        }
-
-        Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
-
-        ControlLabel {
-            text: "Y"
-        }
-
-        ExpandingSpacer {}
     }
+
+    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+    ControlLabel {
+        text: "X"
+    }
+
+    Spacer { implicitWidth: StudioTheme.Values.controlGap }
+
+    SpinBox {
+        minimumValue: -9999999
+        maximumValue: 9999999
+        decimals: 2
+        backendValue: backendValues.%2_y
+        implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                       + StudioTheme.Values.actionIndicatorWidth
+    }
+
+    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+    ControlLabel {
+        text: "Y"
+    }
+
+    ExpandingSpacer {}
 }

share/qtcreator/qmldesigner/propertyEditorQmlSources/PropertyTemplates/Vector3dEditorTemplate.template

@@ -4,6 +4,7 @@ PropertyLabel {
 }
 
 ColumnLayout {
+    spacing: StudioTheme.Values.sectionRowSpacing / 2
     SecondColumnLayout {
         SpinBox {
             minimumValue: -9999999

share/qtcreator/qmldesigner/propertyEditorQmlSources/PropertyTemplates/Vector4dEditorTemplate.template

@@ -4,6 +4,7 @@ PropertyLabel {
 }
 
 ColumnLayout {
+    spacing: StudioTheme.Values.sectionRowSpacing / 2
     SecondColumnLayout {
         SpinBox {
             minimumValue: -9999999

share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/HelperWidgets/DynamicPropertiesSection.qml

@@ -297,7 +297,7 @@ Section {
 
             onVecSizeChanged: updateProxyValues()
 
-            spacing: StudioTheme.Values.sectionRowSpacing
+            spacing: StudioTheme.Values.sectionRowSpacing / 2
 
             function isValidValue(v) {
                 return !(v === undefined || isNaN(v))