making userName_ an AbstractButton should play nicely with ListView (#961)

* making userName_ an AbstractButton should make it play nicely with the ListView

* make Avatar an AbstractButton

* make userName_ in Reply.qml an AbstractButton

* use alias for avatar background color and fix margin of username in reply

1 files changed, 7 insertions, 10 deletions

diff --git a/resources/qml/delegates/Reply.qml b/resources/qml/delegates/Reply.qml

index a439b2eb..f26bc5aa 100644
--- a/resources/qml/delegates/Reply.qml
+++ b/resources/qml/delegates/Reply.qml
@@ -82,19 +82,16 @@ Item {
             gesturePolicy: TapHandler.ReleaseWithinBounds
         }
 
-        Text {
-            Layout.leftMargin: 4
+        AbstractButton {
             id: userName_
+            Layout.leftMargin: 4
+            contentItem: Text {
 
-            text: TimelineManager.escapeEmoji(userName)
-            color: r.userColor
-            textFormat: Text.RichText
-
-            TapHandler {
-                onSingleTapped: room.openUserProfile(userId)
-                gesturePolicy: TapHandler.ReleaseWithinBounds
+                text: TimelineManager.escapeEmoji(userName)
+                color: r.userColor
+                textFormat: Text.RichText
             }
-
+            onClicked: room.openUserProfile(userId)
         }
 
         MessageDelegate {