1 files changed, 33 insertions, 26 deletions
diff --git a/src/imports/effects_qt6/designer/ThresholdMaskEffectSpecifics.qml b/src/imports/effects_qt6/designer/ThresholdMaskEffectSpecifics.qml
index 4f36e77..ecb21ee 100644
--- a/src/imports/effects_qt6/designer/ThresholdMaskEffectSpecifics.qml
+++ b/src/imports/effects_qt6/designer/ThresholdMaskEffectSpecifics.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,54 +42,59 @@ Column {
         caption: qsTr("Threshold Mask")
 
         SectionLayout {
-            rows: 2
-            Label {
+            PropertyLabel {
                 text: qsTr("Spread")
-                toolTip: qsTr("The smoothness of the mask edges near the threshold alpha value.")
+                tooltip: qsTr("The smoothness of the mask edges near the threshold alpha value.")
             }
+
             SecondColumnLayout {
                 SpinBox {
                     backendValue: backendValues.spread
-                    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("Threshold")
-                toolTip: qsTr("A threshold value for the mask pixels.")
+                tooltip: qsTr("A threshold value for the mask pixels.")
             }
+
             SecondColumnLayout {
                 SpinBox {
                     backendValue: backendValues.threshold
-                    Layout.preferredWidth: 80
                     decimals: 2
                     minimumValue: 0
                     maximumValue: 1
                     stepSize: 0.1
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
                 }
-                ExpandingSpacer {
-                }
+
+                ExpandingSpacer {}
             }
 
-            Label {
-                text: qsTr("Mask Source")
-                toolTip: qsTr("The item that is going to be used as the mask.")
+            PropertyLabel {
+                text: qsTr("Mask source")
+                tooltip: qsTr("The component that is going to be used as the mask.")
             }
+
             SecondColumnLayout {
                 ItemFilterComboBox {
                     typeFilter: "QtQuick.Item"
                     validator: RegExpValidator { regExp: /(^$|^[a-z_]\w*)/ }
                     backendValue: backendValues.maskSource
-                    Layout.fillWidth: true
-                }
-                ExpandingSpacer {
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
                 }
+
+                ExpandingSpacer {}
             }
         }
     }
@@ -99,20 +105,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 {}
             }
         }
     }