1 files changed, 25 insertions, 20 deletions
diff --git a/src/imports/effects/designer/BrightnessContrastEffectSpecifics.qml b/src/imports/effects/designer/BrightnessContrastEffectSpecifics.qml
index 545d9aa..2efc2a8 100644
--- a/src/imports/effects/designer/BrightnessContrastEffectSpecifics.qml
+++ b/src/imports/effects/designer/BrightnessContrastEffectSpecifics.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,42 +42,45 @@ Column {
         caption: qsTr("Brightness and Contrast")
 
         SectionLayout {
-            rows: 2
-            Label {
+            PropertyLabel {
                 text: qsTr("Brightness")
-                toolTip: qsTr("The increase or decrease of source brightness.")
+                tooltip: qsTr("The increase or decrease of source brightness.")
             }
+
             SecondColumnLayout {
                 SpinBox {
                     backendValue: backendValues.brightness
-                    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("Contrast")
-                toolTip: qsTr("The increase or decrease of source contrast. The decrease of the "
+                tooltip: qsTr("The increase or decrease of source contrast. The decrease of the "
                               + "contrast is linear, but the increase is applied with a "
                               + "non-linear curve to allow very high contrast adjustment at the "
                               + "high end of the value range.")
             }
+
             SecondColumnLayout {
                 SpinBox {
                     backendValue: backendValues.contrast
-                    Layout.preferredWidth: 80
                     decimals: 2
                     minimumValue: -1
                     maximumValue: 1
                     stepSize: 0.1
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
                 }
-                ExpandingSpacer {
-                }
+
+                ExpandingSpacer {}
             }
         }
     }
@@ -87,20 +91,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 {}
             }
         }
     }