feat(@desktop/communities): Polishing CommunityTagsPanel design

Close #6739

ui/StatusQ

@@ -1 +1 @@
-Subproject commit 5c24767310e84d97a436c621f183e21aeec66887
+Subproject commit 789b773649f99245a85af9ea468f2bb95438f6b3

ui/app/AppLayouts/CommunitiesPortal/panels/CommunityTagsPanel.qml

@@ -8,6 +8,7 @@ import StatusQ.Components 0.1
 import StatusQ.Controls 0.1
 import StatusQ.Popups 0.1
 
+import shared.controls 1.0
 import utils 1.0
 
 StatusScrollView {
@@ -62,6 +63,7 @@ StatusScrollView {
     onSelectedTagsChanged: updateSelectedTags()
 
     padding: 0
+    contentWidth: column.width
 
     QtObject {
         id: d
@@ -73,18 +75,24 @@ StatusScrollView {
     ColumnLayout {
         id: column
         width: root.availableWidth
-        spacing: 20
+        spacing: Style.current.padding
 
         StatusInput {
             id: tagsFilter
             leftPadding: 0
             rightPadding: 0
             label: qsTr("Select tags that will fit your Community")
+            labelPadding: Style.current.bigPadding
+            font.pixelSize: 15
             input.icon.name: "search"
             placeholderText: qsTr("Search tags")
             Layout.fillWidth: true
         }
 
+        ColumnLayout {
+            Layout.topMargin: Style.current.padding
+            Layout.bottomMargin: Style.current.padding
+
             StatusCommunityTags {
                 filterString: tagsFilter.text
                 model: d.tagsModel
@@ -95,6 +103,7 @@ StatusScrollView {
                 }
                 Layout.fillWidth: true
             }
+        }
 
         StatusModalDivider {
             Layout.fillWidth: true
@@ -108,7 +117,7 @@ StatusScrollView {
             }
 
             StatusBaseText {
-                text: d.cntSelectedTags + "/" + maxSelectedTags
+                text: qsTr("%1 / %2").arg(d.cntSelectedTags).arg(maxSelectedTags)
                 color: Theme.palette.baseColor1
                 font.pixelSize: 13
             }