1 files changed, 32 insertions, 26 deletions
diff --git a/src/imports/effects_qt6/designer/ColorizeEffectSpecifics.qml b/src/imports/effects_qt6/designer/ColorizeEffectSpecifics.qml
index a5c7e24..6410e8c 100644
--- a/src/imports/effects_qt6/designer/ColorizeEffectSpecifics.qml
+++ b/src/imports/effects_qt6/designer/ColorizeEffectSpecifics.qml
@@ -1,6 +1,6 @@
 /****************************************************************************
 **
-** Copyright (C) 2020 The Qt Company Ltd.
+** Copyright (C) 2021 The Qt Company Ltd.
 ** Contact: https://www.qt.io/licensing/
 **
 ** This file is part of Qt Quick Designer Components.
@@ -27,9 +27,10 @@
 **
 ****************************************************************************/
 
-import QtQuick 2.0
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
 import HelperWidgets 2.0
-import QtQuick.Layouts 1.0
+import StudioTheme 1.0 as StudioTheme
 
 Column {
     anchors.left: parent.left
@@ -41,60 +42,64 @@ Column {
         caption: qsTr("Colorize")
 
         SectionLayout {
-            rows: 2
-            Label {
+            PropertyLabel {
                 text: qsTr("Hue")
-                toolTip: qsTr("The hue value which is used to colorize the source.")
+                tooltip: qsTr("The hue value which is used to colorize the source.")
             }
+
             SecondColumnLayout {
                 SpinBox {
                     backendValue: backendValues.hue
-                    Layout.preferredWidth: 80
                     decimals: 2
                     minimumValue: 0
                     maximumValue: 1
                     stepSize: 0.1
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
                 }
-                ExpandingSpacer {
-                }
+
+                ExpandingSpacer {}
             }
 
-            Label {
+            PropertyLabel {
                 text: qsTr("Lightness")
-                toolTip: qsTr("The increase or decrease of source lightness value. Unlike hue and "
+                tooltip: qsTr("The increase or decrease of source lightness value. Unlike hue and "
                               + "saturation properties, lightness does not set the used value, but "
                               + "it shifts the existing source pixel lightness value.")
             }
+
             SecondColumnLayout {
                 SpinBox {
                     backendValue: backendValues.lightness
-                    Layout.preferredWidth: 80
                     decimals: 2
                     minimumValue: -1
                     maximumValue: 1
                     stepSize: 0.1
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
                 }
-                ExpandingSpacer {
-                }
+
+                ExpandingSpacer {}
             }
 
-            Label {
+            PropertyLabel {
                 text: qsTr("Saturation")
-                toolTip: qsTr("The saturation value which is used to colorize the source.")
+                tooltip: qsTr("The saturation value which is used to colorize the source.")
             }
+
             SecondColumnLayout {
                 SpinBox {
                     backendValue: backendValues.saturation
-                    Layout.preferredWidth: 80
                     decimals: 2
                     minimumValue: 0
                     maximumValue: 1
                     stepSize: 0.1
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
                 }
-                ExpandingSpacer {
-                }
-            }
 
+                ExpandingSpacer {}
+            }
         }
     }
 
@@ -104,20 +109,21 @@ Column {
         caption: qsTr("Caching")
 
         SectionLayout {
-            rows: 2
-            Label {
+            PropertyLabel {
                 text: qsTr("Cached")
-                toolTip: qsTr("Caches the effect output pixels to improve the rendering "
+                tooltip: qsTr("Caches the effect output pixels to improve the rendering "
                               + "performance.")
             }
+
             SecondColumnLayout {
                 CheckBox {
-                    Layout.fillWidth: true
                     backendValue: backendValues.cached
                     text: backendValues.cached.valueToString
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
                 }
-                ExpandingSpacer {
-                }
+
+                ExpandingSpacer {}
             }
         }
     }