1 files changed, 26 insertions, 20 deletions
diff --git a/src/imports/effects_qt6/designer/OpacityMaskEffectSpecifics.qml b/src/imports/effects_qt6/designer/OpacityMaskEffectSpecifics.qml
index 3922ffd..82a8940 100644
--- a/src/imports/effects_qt6/designer/OpacityMaskEffectSpecifics.qml
+++ b/src/imports/effects_qt6/designer/OpacityMaskEffectSpecifics.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,33 +42,37 @@ Column {
         caption: qsTr("Opacity Mask")
 
         SectionLayout {
-            rows: 2
-            Label {
+            PropertyLabel {
                 text: qsTr("Invert")
-                toolTip: qsTr("Controls how the alpha values of the source mask will behave.")
+                tooltip: qsTr("Controls how the alpha values of the source mask will behave.")
             }
+
             SecondColumnLayout {
                 CheckBox {
                     backendValue: backendValues.invert
                     text: backendValues.invert.valueToString
+                    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 {}
             }
         }
     }
@@ -78,20 +83,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 {}
             }
         }
     }