uiux: channel list fixes

Also make use of `StatusRoundButton` over `IconButton` since that's deprecated.

Closes #1115

ui/app/AppLayouts/Chat/ContactsColumn/AddChat.qml

@@ -2,15 +2,21 @@ import QtQuick 2.13
 import QtQuick.Controls 2.13
 import QtQuick.Layouts 1.13
 import "../../../../shared"
+import "../../../../shared/status"
 import "../components"
-AddButton {
+StatusRoundButton {
     id: btnAdd
+    pressedIconRotation: 45
+    icon.name: "plusSign"
+    size: "medium"
     width: 36
     height: 36
 
+
     onClicked: {
-        let x = btnAdd.iconImg.x + btnAdd.icon.width / 2 - newChatMenu.width / 2
+        btnAdd.state = "pressed"
-        newChatMenu.popup(x, btnAdd.icon.height + 10)
+        let x = btnAdd.iconX + btnAdd.icon.width / 2 - newChatMenu.width / 2
+        newChatMenu.popup(x, btnAdd.icon.height + 14)
     }
     
     PopupMenu {
@@ -40,7 +46,7 @@ AddButton {
             onTriggered: publicChatPopup.open()
         }
         onAboutToHide: {
-            btnAdd.iconImg.state = "default"
+            btnAdd.state = "default"
         }
     }
 }

ui/app/AppLayouts/Chat/ContactsColumn/ChannelList.qml

@@ -27,8 +27,6 @@ ScrollView {
         anchors.top: parent.top
         anchors.right: parent.right
         anchors.left: parent.left
-        anchors.rightMargin: Style.current.padding
-        anchors.leftMargin: Style.current.padding
         height: childrenRect.height
 
         ListView {

ui/shared/SearchBox.qml

@@ -9,5 +9,5 @@ Input {
     iconWidth: 17
     iconHeight: 17
     customHeight: 36
-    fontPixelSize: 12
+    fontPixelSize: 15
 }