Fixes and UI-Changes:

- Swap Recent Sessions and Recent Projects
- Fix tooltip error
- Change column width ratio in develop screen from 50/50 to 40/60
- reapply fix for off-by-one pixel error in the tab widget

Change-Id: Ibbcea66262723fed1a54ac63b735bc25241d1846
Reviewed-on: http://codereview.qt.nokia.com/1891
Reviewed-by: Qt Sanity Bot <qt_sanity_bot@ovi.com>
Reviewed-by: Daniel Molkentin <daniel.molkentin@nokia.com>

share/qtcreator/welcomescreen/develop.qml

@@ -47,19 +47,19 @@ Item {
             id: baseitem
             height: Math.max(recentSessions.height, recentProjects.height)
             width: root.width
-
-            Widgets.RecentProjects {
-                id: recentProjects
-                anchors.left: parent.left
-                width: Math.floor(root.width / 2)
-            }
             Widgets.RecentSessions {
                 id: recentSessions
-                anchors.left:  recentProjects.right
+                width: Math.floor(root.width / 2.5)
-                anchors.right: parent.right
+                anchors.left: parent.left
-                anchors.rightMargin: scrollArea.height >= baseitem.height ?
-                                     -scrollArea.verticalScrollBar.width : 0
             }
+            Widgets.RecentProjects {
+                id: recentProjects
+                anchors.left:  recentSessions.right
+                anchors.right: parent.right
+                anchors.rightMargin: scrollArea.verticalScrollBar.visible ? 0 :
+                                         -scrollArea.verticalScrollBar.width
+            }
+
         }
     }
     Rectangle {
@@ -67,6 +67,6 @@ Item {
         height: root.height + 2 * margin
         width: 1
         color: "#ccc"
-        x: recentSessions.x - margin
+        x: recentProjects.x - margin
     }
 }

share/qtcreator/welcomescreen/welcomescreen.qml

@@ -62,16 +62,26 @@ Rectangle {
         border.bottom: 10
     }
 
+    BorderImage {
+        id: deadArea
+        anchors.left: parent.left
+        anchors.top: inner_background.bottom
+        anchors.topMargin: -2
+        width: news.width
+        height: navigationAndDevLinks.height
+        border { top: 1; bottom: 1}
+        source: "qrc:welcome/images/tab_inactive.png"
+        Rectangle { anchors.right: parent.right; height: parent.height; y:0; width: 1; color: "black"}
+    }
     LinksBar {
         id: navigationAndDevLinks
         property alias current: root.current
         anchors.top: inner_background.bottom
-        anchors.left: parent.left
+        anchors.left: deadArea.right
+        anchors.right: parent.right
         anchors.bottomMargin: 4
         anchors.topMargin: -2
-        width: parent.width
         model: tabs.model
-        tabBarWidth: width
     }
 
     Rectangle {

share/qtcreator/welcomescreen/widgets/ExampleBrowser.qml

@@ -32,6 +32,7 @@
 
 import QtQuick 1.0
 import components 1.0 as Components
+import widgets 1.0 as Widgets
 
 Item {
     id: exampleBrowserRoot
@@ -48,7 +49,7 @@ Item {
         anchors.leftMargin: - 8
         anchors.rightMargin: scrollArea.verticalScrollBar.visible ? 0 : -8
 
-        LineEdit {
+        Widgets.LineEdit {
             placeholderText: !checkBox.checked ? qsTr("Search in Tutorials") : qsTr("Search in Tutorials, Examples and Demos")
             focus: true
             id: lineEdit

share/qtcreator/welcomescreen/widgets/LinksBar.qml

@@ -38,23 +38,16 @@ Row {
     height: 25
 
     property alias model: tabs.model
-    property int tabBarWidth
+    property int tabWidth: Math.floor(tabBar.width/tabs.count)
-
     Repeater {
         id: tabs
         height: tabBar.height
         model: parent.model
-        delegate:
+        delegate: Item {
-            Item {
             Components.QStyleItem { cursor: "pointinghandcursor"; anchors.fill: parent }
-            width: tabBarWidth / tabs.count
             height: tabBar.height
 
-            Rectangle {
+            width: tabs.count-1 === index ? tabWidth : tabWidth + tabBar.width%tabs.count
-                width: parent.width; height: 1
-                anchors { bottom: parent.bottom; bottomMargin: 1 }
-                color: "#acb2c2"
-            }
             BorderImage {
                 id: tabBackground
                 anchors.fill: parent

share/qtcreator/welcomescreen/widgets/RecentProjects.qml

@@ -53,13 +53,13 @@ HeaderItemView {
             id: arrowImage;
             source: "qrc:welcome/images/list_bullet_arrow.png";
             anchors.verticalCenter: parent.verticalCenter;
-            anchors.right: parent.right
+            anchors.left: parent.left
-            anchors.rightMargin: 10
+            anchors.leftMargin: 10
         }
 
         Column {
             spacing: 4
-            anchors.left: parent.left
+            anchors.left: arrowImage.right
             anchors.right: parent.right
             anchors.verticalCenter: parent.verticalCenter
             Text {
@@ -91,7 +91,7 @@ HeaderItemView {
             interval: 1000
             onTriggered: {
                 if (filepath.truncated)
-                    styleItem.showToolTip(sessionName)
+                    styleItem.showToolTip(filePath)
             }
         }
 

share/qtcreator/welcomescreen/widgets/RecentSessions.qml

@@ -64,16 +64,16 @@ HeaderItemView {
             id: arrowImage;
             source: "qrc:welcome/images/list_bullet_arrow.png"
             anchors.verticalCenter: parent.verticalCenter
-            anchors.right: parent.right
+            anchors.left: parent.left
-            anchors.rightMargin: 10
+            anchors.leftMargin: 10
         }
 
         Text {
             id: fileNameText
             text: parent.fullSessionName()
             elide: Text.ElideMiddle
-            anchors.left: parent.left
+            anchors.left: arrowImage.right
-            anchors.right: arrowImage.right
+            anchors.right: parent.right
             anchors.verticalCenter: parent.verticalCenter
             anchors.leftMargin: 10
             anchors.rightMargin: 20