From d1eebb4d2a3528890ce22eb38d66f5371d21f6ce Mon Sep 17 00:00:00 2001
From: Henning Gruendl <henning.gruendl@qt.io>
Date: Tue, 17 Aug 2021 17:17:04 +0200
Subject: [PATCH] QmlDesigner: Fix component button size

Task-number: QDS-4751
Change-Id: I18a60c304e52e6defa9cfc13087a15782033b091
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>
---
 .../imports/HelperWidgets/ComponentButton.qml | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/HelperWidgets/ComponentButton.qml b/share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/HelperWidgets/ComponentButton.qml
index 4d4a058e8ca..e2aba8a2514 100644
--- a/share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/HelperWidgets/ComponentButton.qml
+++ b/share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/HelperWidgets/ComponentButton.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 Creator.
@@ -24,30 +24,35 @@
 ****************************************************************************/
 
 import QtQuick 2.15
-import StudioControls 1.0 as StudioControls
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
 import StudioTheme 1.0 as StudioTheme
 
 Column {
-    id: column
     width: parent.width
     spacing: 10
     padding: 10
 
-    Label {
+    Text {
         text: qsTr("This is an instance of a component")
         anchors.horizontalCenter: parent.horizontalCenter
         width: 300
         horizontalAlignment: Text.AlignHCenter
+        color: StudioTheme.Values.themeTextColor
+        font.pixelSize: StudioTheme.Values.myFontSize
     }
 
-    StudioControls.AbstractButton {
-        id: testtest
+    RowLayout {
+        Layout.fillWidth: true
         anchors.horizontalCenter: parent.horizontalCenter
-        width: 180
+        spacing: 0
 
-        buttonIcon: qsTr("Edit Base Component")
-        iconFont: StudioTheme.Constants.font
+        AbstractButton {
+            implicitWidth: 180
+            buttonIcon: qsTr("Edit Base Component")
+            iconFont: StudioTheme.Constants.font
 
-        onClicked: goIntoComponent()
+            onClicked: goIntoComponent()
+        }
     }
 }