feat: fix StyledButton and use it in Send modal

ui/app/AppLayouts/Wallet/Components/SendModalContent.qml

@@ -6,6 +6,7 @@ import "../../../../imports"
 import "../../../../shared"
 
 Item {
+    id: element
     property alias valueInput: txtValue
     property string defaultAccount: "0x1234"
 
@@ -111,11 +112,12 @@ Item {
         anchors.bottomMargin: 76
     }
 
-    Button {
-        text: "Send"
-        anchors.horizontalCenter: parent.horizontalCenter
+    StyledButton {
+        anchors.right: parent.right
+        anchors.rightMargin: Theme.padding
+        label: "Send"
         anchors.bottom: parent.bottom
-        anchors.bottomMargin: 16
+        anchors.bottomMargin: Theme.padding
         onClicked: {
             let result = assetsModel.onSendTransaction(txtFrom.text,
                                                        txtTo.text,
@@ -128,6 +130,6 @@ Item {
 
 /*##^##
 Designer {
-    D{i:0;autoSize:true;height:480;width:640}
+    D{i:0;autoSize:true;formeditorColor:"#ffffff";formeditorZoom:0.75;height:480;width:640}
 }
 ##^##*/

ui/shared/StyledButton.qml

@@ -3,32 +3,29 @@ import QtQuick.Controls 1.3
 import QtQuick.Controls 2.3
 import QtQuick.Layouts 1.3
 import QtQml 2.14
-
-
+import "../imports"
 
 Button {
-    property alias label: txtBtnLabel.text
-    font.weight: Font.Medium
+    property string label: "My button"
 
     id: btnStyled
-    rightPadding: 32
-    leftPadding: 32
-    bottomPadding: 11
-    topPadding: 11
+    width: txtBtnLabel.width + 2 * Theme.padding
+    height: 44
 
     background: Rectangle {
         color: "#ECEFFC"
         radius: 8
+        anchors.fill: parent
     }
 
     Text {
         id: txtBtnLabel
-        color: "#4360DF"
-        font.family: "Inter"
+        color: Theme.blue
         font.pointSize: 15
         anchors.verticalCenter: parent.verticalCenter
         anchors.horizontalCenter: parent.horizontalCenter
-        text: "Get started"
+        text: label
+        font.weight: Font.Medium
     }
 }