Welcome: Fix up the dynamic layout fix

Change-Id: Icb068bd4522a7014a6dd48804245086a452a639d
Reviewed-by: Eike Ziller <eike.ziller@digia.com>

share/qtcreator/welcomescreen/widgets/SideBar.qml

@@ -53,9 +53,9 @@ ColumnLayout {
         }
 
         Tabs {
-            anchors.centerIn: parent
+            anchors.verticalCenter: parent.verticalCenter
+            x: 16
             id: tabs
-
         }
 
         Rectangle {
@@ -109,20 +109,26 @@ ColumnLayout {
                 font.bold: false
             }
 
-            NativeText {
+            Item {
-                text: qsTr("Learn how to develop your own applications and explore Qt Creator.")
+                NativeText {
-                font.pixelSize: 12
+                    id: gettingStartedText
-                wrapMode: Text.WordWrap
+                    anchors.fill: parent
-                Layout.maximumWidth: Screen.pixelDensity * 60
+                    anchors.rightMargin: 24
+                    text: qsTr("Learn how to develop your own applications and explore Qt Creator.")
+                    font.pixelSize: 12
+                    wrapMode: Text.WordWrap
+                }
+                height: gettingStartedText.implicitHeight
+                implicitWidth: parent.width
             }
 
             Item {
-                height: 8
+                height: 24
                 width: parent.width
             }
 
             Item {
-                width: gettingStartedButton.width + 24
+                width: gettingStartedButton.width + 28
                 Button {
                     x: 4
                     id: gettingStartedButton
@@ -137,7 +143,6 @@ ColumnLayout {
             }
 
             ColumnLayout {
-                x: 14
                 spacing: 16
                 IconAndLink {
                     iconSource: "images/icons/qt_account.png"

share/qtcreator/welcomescreen/widgets/Tabs.qml

@@ -29,8 +29,9 @@
 
 import QtQuick 2.1
 import QtQuick.Controls 1.1 as QQControls
+import QtQuick.Layouts 1.1
 
-Column {
+ColumnLayout {
     id: customTab
     property alias model: repeater.model
     spacing: 16
@@ -48,6 +49,7 @@ Column {
         id: repeater
 
         Button {
+            Layout.fillWidth: true
             text: title
             checkable: true
             exclusiveGroup: group