Fix default size on TextField

Change-Id: I2fc831bb9b2ca4b39ca489c2b8fcd028fae7b043
Reviewed-by: Jens Bache-Wiig <jens.bache-wiig@digia.com>

examples/content/Styles.qml

@@ -150,9 +150,9 @@ Item {
     }
 
     property Component textfieldStyle: TextFieldStyle {
+        implicitWidth: 100
+        implicitHeight: 20
         background: Rectangle {
-            width: 100
-            height: 20
             color: "#f0f0f0"
             antialiasing: true
             border.color: "gray"

src/qtdesktop/TextField.qml

@@ -40,6 +40,7 @@
 
 import QtQuick 2.0
 import QtDesktop 1.0
+import "Styles"
 import "Styles/Settings.js" as Settings
 
 FocusScope {

src/styles/TextFieldStyle.qml

@@ -44,8 +44,8 @@ Item {
     id: style
     anchors.fill: parent
 
-    implicitWidth: 100
-    implicitHeight: backgroundLoader.item.implicitHeight
+    implicitWidth: backgroundLoader.implicitWidth ? backgroundLoader.implicitWidth : 100
+    implicitHeight: backgroundLoader.implicitHeight ? backgroundLoader.implicitHeight : 20
 
     property int topMargin: 4
     property int leftMargin: 8
@@ -67,8 +67,6 @@ Item {
 
     property Component background: Rectangle {
         id: styleitem
-        anchors.fill: parent
-        implicitHeight: 20
         border.color: Qt.darker(backgroundColor, 2)
         gradient: Gradient {
             GradientStop{color: Qt.darker(backgroundColor, 1.1) ; position: 0}