ReadStatus: fix visibility for multiple readers

Change-Id: Iff3ff0a9ff7a8d7b175375582e6bd42937a80b1c

src/app/commoncomponents/SBSMessageBase.qml

@@ -607,7 +607,7 @@ Control {
                     width: 12
                     height: 12
 
-                    visible: IsLastSent && !readsOne.visible
+                    visible: IsLastSent === true && root.readers.length === 0
                     anchors.bottom: parent.bottom
 
                     source: JamiResources.receive_svg
@@ -618,13 +618,7 @@ Control {
 
                     visible: root.readers.length === 1 && CurrentAccount.sendReadReceipt
 
-                    width: {
-                        if (root.readers.length === 0)
-                            return 0;
-                        var nbAvatars = root.readers.length;
-                        var margin = JamiTheme.avatarReadReceiptSize / 3;
-                        return nbAvatars * JamiTheme.avatarReadReceiptSize - (nbAvatars - 1) * margin;
-                    }
+                    width: JamiTheme.avatarReadReceiptSize
                     height: JamiTheme.avatarReadReceiptSize
 
                     anchors.bottom: parent.bottom
@@ -648,14 +642,23 @@ Control {
 
             ReadStatus {
                 id: readsMultiple
-                visible: root.readers.length > 1 && CurrentAccount.sendReadReceipt
+                visible: {
+                    if (!readers)
+                        return false;
+                    return readers.length > 1 && CurrentAccount.sendReadReceipt;
+                }
                 width: {
-                    if (root.readers.length === 0)
+                    if (readers.length === 0)
                         return 0;
-                    var nbAvatars = root.readers.length;
+                    var nbAvatars = readers.length;
                     var margin = JamiTheme.avatarReadReceiptSize / 3;
                     return nbAvatars * JamiTheme.avatarReadReceiptSize - (nbAvatars - 1) * margin;
                 }
+                height: {
+                    if (readers.length === 0)
+                        return 0;
+                    return JamiTheme.avatarReadReceiptSize;
+                }
 
                 anchors.right: parent.right
                 anchors.top: parent.top

src/app/net/jami/Constants/JamiTheme.qml

@@ -389,7 +389,7 @@ Item {
     property int mosaicButtonPreferredWidth: 70
     property int mosaicButtonMaxWidth: 100
     property real avatarPresenceRatio: 0.26
-    property int avatarReadReceiptSize: 18
+    property int avatarReadReceiptSize: 15
 
     property int menuItemsPreferredWidth: 220
     property int menuItemsPreferredHeight: 36