QmlProfiler: minor adjustments to timeline UI

Change-Id: I74460d9a32ced707fa4a550199bba5f5906f417e
Reviewed-by: Kai Koehne <kai.koehne@nokia.com>

src/plugins/qmlprofiler/qml/MainView.qml

@@ -526,8 +526,8 @@ Rectangle {
             width: parent.height
             height: parent.width
             gradient: Gradient {
-                GradientStop { position: 0.0; color: "#00A0A0A0"; }
+                GradientStop { position: 0.0; color: "#00000000"; }
-                GradientStop { position: 1.0; color: "#FFA0A0A0"; }
+                GradientStop { position: 1.0; color: "#86000000"; }
             }
         }
     }
@@ -544,8 +544,8 @@ Rectangle {
             width: parent.height
             height: parent.width
             gradient: Gradient {
-                GradientStop { position: 0.0; color: "#FFA0A0A0"; }
+                GradientStop { position: 0.0; color: "#86000000"; }
-                GradientStop { position: 1.0; color: "#00A0A0A0"; }
+                GradientStop { position: 1.0; color: "#00000000"; }
             }
         }
     }
@@ -556,8 +556,8 @@ Rectangle {
         width: root.width
         x: 0
         gradient: Gradient {
-            GradientStop { position: 0.0; color: "#00A0A0A0"; }
+            GradientStop { position: 0.0; color: "#00000000"; }
-            GradientStop { position: 1.0; color: "#FFA0A0A0"; }
+            GradientStop { position: 1.0; color: "#86000000"; }
         }
     }
 }

src/plugins/qmlprofiler/qml/TimeDisplay.qml

@@ -105,8 +105,8 @@ Canvas2D {
         ctxt.stroke();
 
         // gradient borders
-        var gradientDark = "rgba(160, 160, 160, 1)";
+        var gradientDark = "rgba(0, 0, 0, 0.53125)";
-        var gradientClear = "rgba(160, 160, 160, 0)";
+        var gradientClear = "rgba(0, 0, 0, 0)";
         var grad = ctxt.createLinearGradient(0, 0, 0, 6);
         grad.addColorStop(0,gradientDark);
         grad.addColorStop(1,gradientClear);

src/plugins/qmlprofiler/timelineview.cpp

@@ -161,6 +161,7 @@ void TimelineView::drawSelectionBoxes(QPainter *p)
         selectionColor = QColor(96,0,255);
     QPen strongPen(selectionColor, 3);
     QPen lightPen(QBrush(selectionColor.lighter(130)), 2);
+    lightPen.setJoinStyle(Qt::MiterJoin);
     p->setPen(lightPen);
 
     int x, y, width, eventType;
@@ -183,7 +184,7 @@ void TimelineView::drawSelectionBoxes(QPainter *p)
             width = 1;
 
         if (i == m_selectedItem)
-            selectedItemRect = QRect(x,y,width,DefaultRowHeight);
+            selectedItemRect = QRect(x, y-1, width, DefaultRowHeight+1);
         else
             p->drawRect(x,y,width,DefaultRowHeight);
     }