QmlDesigner: Fix layout in templates

Because the templates did not use the pre-defined layout,
the layout was bit broken.

Change-Id: I3a11e78a8dd6ac81252fa51270de5d427e5de0c2
Reviewed-by: Tim Jenssen <tim.jenssen@qt.io>

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

@@ -2,10 +2,16 @@ Label {
     text: "%1"
     tooltip: "%1"
 }
-SpinBox {
+
+SecondColumnLayout {
+    SpinBox {
         maximumValue: 9999999
         minimumValue: -9999999
         backendValue: backendValues.%2
         Layout.fillWidth: true
         Layout.maximumWidth: 100
+    }
+
+    ExpandingSpacer {
+    }
 }

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

@@ -2,7 +2,9 @@ Label {
     text: "%1"
     tooltip: "%1"
 }
-SpinBox {
+
+SecondColumnLayout {
+    SpinBox {
         maximumValue: 9999999
         minimumValue: -9999999
         decimals: 2
@@ -10,4 +12,7 @@ SpinBox {
         backendValue: backendValues.%2
         Layout.fillWidth: true
         Layout.maximumWidth: 100
+    }
+    ExpandingSpacer {
+    }
 }