Refactor qml structure for aesthetic contacts

retroshare-qml-app/src/GxsIdentityDelegate.qml

@@ -22,11 +22,20 @@ import QtQuick.Controls 2.0
 Item
 {
 	id: delegateRoot
-	height: 40
+	height: 50
 	width: parent.width
 
+	Rectangle {
+
+		anchors.fill: parent
+		color: contactItem.containsMouse ? "lightgrey" : "transparent"
+		width: parent.width
+		height: parent.height
+
+
 		MouseArea
 		{
+			id: contactItem
 			anchors.fill: parent
 			onClicked:
 			{
@@ -45,6 +54,15 @@ Item
 			}
 
 			onPressAndHold: showDetails()
+			hoverEnabled: true
+		}
+
+		Rectangle {
+			anchors.fill: parent
+			color: "transparent"
+			anchors.margins: 5
+//			anchors.leftMargin: 5
+
 
 			ColorHash
 			{
@@ -114,6 +132,7 @@ Item
 				}
 			}
 		}
+	}
 
 	function showDetails()
 	{
@@ -124,3 +143,4 @@ Item
 					{md: contactsListView.model.get(index)})
 	}
 }
+