fix(StatusListItem): adjust placement of title icons (#888)

Needed for https://github.com/status-im/status-desktop/issues/6972

ui/StatusQ/sandbox/controls/ListItems.qml

@@ -507,6 +507,14 @@ ColumnLayout {
         asset.isLetterIdenticon: true
     }
 
+    StatusMemberListItem {
+        nickName: "untrusted-admin.eth"
+        asset.isLetterIdenticon: true
+        isUntrustworthy: true
+        isAdmin: true
+        isContact: true
+    }
+
     StatusMemberListItem {
         nickName: "This girl I know from work"
         userName: "annabelle"

ui/StatusQ/src/StatusQ/Components/StatusListItem.qml

@@ -175,7 +175,7 @@ Rectangle {
             anchors.left: iconOrImage.active ? iconOrImage.right : parent.left
             anchors.right: statusListItemLabel.visible ? statusListItemLabel.left : statusListItemComponentsSlot.left
             anchors.leftMargin: iconOrImage.active ? 16 : statusListItem.leftPadding
-            anchors.rightMargin: statusListItem.rightPadding
+            anchors.rightMargin: Math.max(statusListItem.rightPadding, titleIconsRow.requiredWidth)
             anchors.verticalCenter:  bottomModel.length === 0 ? parent.verticalCenter : undefined
 
             height: childrenRect.height
@@ -271,6 +271,9 @@ Rectangle {
 
             Loader {
                 id: titleIconsRow
+
+                readonly property int requiredWidth: active ? width + anchors.leftMargin * 2 : 0
+
                 anchors.left: !statusListItem.titleAsideText ? statusListItemTitle.right : statusListItemTitleAsideText.right
                 anchors.verticalCenter: statusListItemTitle.verticalCenter
                 anchors.leftMargin: 4