QmlDesigner.PropertyEditor: Give more space to color LineEdit

Task-number: QTCREATORBUG-11992

Change-Id: Icb884847633bd421e3dc7bc034d598ef84d33422
Reviewed-by: Marco Bubke <marco.bubke@digia.com>
Reviewed-by: Leena Miettinen <riitta-leena.miettinen@digia.com>

share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/ColorEditor.qml

@@ -138,7 +138,7 @@ Column {
                 onAccepted: {
                     colorEditor.color = textField.text
                 }
-                Layout.preferredWidth: 80
+                Layout.fillWidth: true
             }
             ColorCheckButton {
                 id: checkButton

share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/LineEdit.qml

@@ -86,7 +86,7 @@ Controls.TextField {
         padding.top: 3
         padding.bottom: 1
         padding.left: 16
-        padding.right: 16
+        padding.right: lineEdit.showTranslateCheckBox ? 16 : 1
         placeholderTextColor: "gray"
         background: Rectangle {
             implicitWidth: 100