Merge pull request #10041 from druiz17/tablet-improve-goto

added left out design elements to the tablet goto page

interface/resources/qml/hifi/Card.qml

@@ -80,7 +80,7 @@ Rectangle {
         id: lobby;
         visible: !hasGif || (animation.status !== Image.Ready);
         width: parent.width - (isConcurrency ? 0 : (2 * smallMargin));
-        height: parent.height - messageHeight - (isConcurrency ? 0 : smallMargin);
+        height: parent.height - (isConcurrency ? 0 : smallMargin);
         source: thumbnail || defaultThumbnail;
         fillMode: Image.PreserveAspectCrop;
         anchors {
@@ -153,8 +153,23 @@ Rectangle {
             margins: textPadding;
         }
     }
+    Rectangle {
+        id: rectRow
+        z: 1
+        width: message.width + (users.visible ? users.width + bottomRow.spacing : 0)
+            + (icon.visible ? icon.width  + bottomRow.spacing: 0) + bottomRow.spacing;
+        height: messageHeight + 1;
+        radius: 25
+
+        anchors {
+            bottom: parent.bottom
+            left: parent.left
+            leftMargin: textPadding
+            bottomMargin: textPadding
+        }
         
         Row {
+            id: bottomRow
             FiraSansRegular {
                 id: users;
                 visible: isConcurrency;
@@ -176,10 +191,6 @@ Rectangle {
                 size: textSizeSmall;
                 color: messageColor;
                 elide: Text.ElideRight; // requires a width to be specified`
-            width: root.width - textPadding
-                - (users.visible ? users.width + parent.spacing : 0)
-                - (icon.visible ? icon.width + parent.spacing : 0)
-                - (actionIcon.width + (2 * smallMargin));
                 anchors {
                     bottom: parent.bottom;
                     bottomMargin: parent.spacing;
@@ -190,7 +201,8 @@ Rectangle {
             anchors {
                 bottom: parent.bottom;
                 left: parent.left;
-            leftMargin: textPadding;
+                leftMargin: 4
+            }
         }
     }
     // These two can be supplied to provide hover behavior.
@@ -206,6 +218,19 @@ Rectangle {
         onEntered: hoverThunk();
         onExited: unhoverThunk();
     }
+    Rectangle {
+        id: rectIcon
+        z: 1
+        width: 32
+        height: 32
+        radius: 15
+        anchors {
+            bottom: parent.bottom;
+            right: parent.right;
+            bottomMargin: textPadding;
+            rightMargin: textPadding;
+        }
+        
         StateImage {
             id: actionIcon;
             imageURL: "../../images/info-icon-2-state.svg";
@@ -214,7 +239,8 @@ Rectangle {
             anchors {
                 bottom: parent.bottom;
                 right: parent.right;
-            margins: smallMargin;
+                //margins: smallMargin;
+            }
         }
     }
     DropShadow {
@@ -225,11 +251,9 @@ Rectangle {
     }
     MouseArea {
         id: messageArea;
-        width: parent.width;
-        height: messageHeight;
-        anchors {
-            top: lobby.bottom;
-        }
+        width: rectIcon.width;
+        height: rectIcon.height;
+        anchors.fill: rectIcon
         acceptedButtons: Qt.LeftButton;
         onClicked: goFunction(drillDownToPlace ? ("/places/" + placeName) : ("/user_stories/" + storyId));
         hoverEnabled: true;

interface/resources/qml/hifi/tablet/TabletAddressDialog.qml

@@ -137,12 +137,11 @@ StackView {
             id: addressBar
             width: 480
             height: 70
+            color: hifiStyleConstants.colors.white
             anchors {
                 top: navBar.bottom
                 right: parent.right
-                rightMargin: 16
                 left: parent.left
-                leftMargin: 16
             }
 
             property int inputAreaHeight: 70
@@ -174,8 +173,8 @@ StackView {
                     bottom: parent.bottom
                     left: parent.left
                     right: parent.right
-                    leftMargin: 0
-                    rightMargin: 0
+                    leftMargin: 16
+                    rightMargin: 16
                     topMargin: parent.inputAreaStep + (2 * hifi.layout.spacing)
                     bottomMargin: parent.inputAreaStep
                 }