fix(StatusListItemTag): Fix for allignment in StatusListItemTag and option to make close button invisible

src/StatusQ/Components/StatusListItemTag.qml

@@ -6,12 +6,15 @@ import StatusQ.Core.Theme 0.1
 
 Rectangle {
     id: root
-    width: titleText.contentWidth + 60
+    width: layout.width
     height: 30
     color: Theme.palette.primaryColor3
     radius: 15
 
+    property alias titleText: titleText
+
     property string title: ""
+    property bool closeButtonVisible: true
     signal clicked()
 
     property StatusImageSettings image: StatusImageSettings {
@@ -34,11 +37,15 @@ Rectangle {
         }
     }
 
+    RowLayout {
+        id: layout
+
+        height: parent.height
+        spacing: 5
+
         StatusSmartIdenticon {
             id: iconOrImage
-        anchors.left: parent.left
+            Layout.leftMargin: 5
-        anchors.leftMargin: 5
-        anchors.verticalCenter: parent.verticalCenter
             image: root.image
             icon: root.icon
             name: root.title
@@ -49,29 +56,26 @@ Rectangle {
 
         StatusBaseText {
             id: titleText
-        anchors.left: iconOrImage.right
-        anchors.leftMargin: 5
-        anchors.verticalCenter: parent.verticalCenter
             color: Theme.palette.primaryColor1
             text: root.title
+            Layout.rightMargin: closeButtonVisible ? 0 : 5
         }
 
         StatusIcon {
             id: closeIcon
-        anchors.left: titleText.right
-        anchors.leftMargin: 5
-        anchors.verticalCenter: parent.verticalCenter
             color: Theme.palette.primaryColor1
             icon: "close-circle"
-    }
+            visible: closeButtonVisible
-    
+            Layout.rightMargin: 5
             MouseArea {
                 id: mouseArea
-        anchors.fill: closeIcon
+                anchors.fill: parent
                 hoverEnabled: true
                 cursorShape: Qt.PointingHandCursor
                 onClicked: {
                     root.clicked()
                 }
             }
+        }
+    }
 }