old style card fonts, margins, etc.

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 - (isConcurrency ? 0 : smallMargin);
+        height: parent.height - messageHeight - (isConcurrency ? 0 : smallMargin);
         source: thumbnail || defaultThumbnail;
         fillMode: Image.PreserveAspectCrop;
         anchors {
@@ -129,7 +129,7 @@ Rectangle {
     property int dropSamples: 9;
     property int dropSpread: 0;
     DropShadow {
-        visible: true;
+        visible: showPlace && desktop.gradientsSupported;
         source: place;
         anchors.fill: place;
         horizontalOffset: dropHorizontalOffset;
@@ -139,12 +139,12 @@ Rectangle {
         color: hifi.colors.black;
         spread: dropSpread;
     }
-    RalewayLight {
+    RalewaySemiBold {
         id: place;
         visible: showPlace;
         text: placeName;
         color: hifi.colors.white;
-        size: 38;
+        size: textSize;
         elide: Text.ElideRight; // requires constrained width
         anchors {
             top: parent.top;
@@ -153,23 +153,7 @@ 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;
@@ -191,6 +175,10 @@ 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;
@@ -201,8 +189,7 @@ Rectangle {
         anchors {
             bottom: parent.bottom;
             left: parent.left;
-                leftMargin: 4
-            }
+            leftMargin: textPadding;
         }
     }
     // These two can be supplied to provide hover behavior.
@@ -218,19 +205,6 @@ 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";
@@ -239,16 +213,14 @@ Rectangle {
         anchors {
             bottom: parent.bottom;
             right: parent.right;
-                //margins: smallMargin;
+            margins: smallMargin;
         }
     }
-    }
-    
     MouseArea {
         id: messageArea;
-        width: rectIcon.width;
-        height: rectIcon.height;
-        anchors.fill: rectIcon
+        width: parent.width;
+        height: messageHeight;
+        anchors.top: lobby.bottom;
         acceptedButtons: Qt.LeftButton;
         onClicked: goFunction(drillDownToPlace ? ("/places/" + placeName) : ("/user_stories/" + storyId));
         hoverEnabled: true;