settingsview: fix alignments and homogeneize items

Change-Id: I8ea60715a14b481da5c4d4d0078dc8de7df28eec
diff --git a/src/settingsview/components/CurrentSIPAccountSettingScrollPage.qml b/src/settingsview/components/CurrentSIPAccountSettingScrollPage.qml
index f7f07c3..e3dc44b 100644
--- a/src/settingsview/components/CurrentSIPAccountSettingScrollPage.qml
+++ b/src/settingsview/components/CurrentSIPAccountSettingScrollPage.qml
@@ -229,10 +229,10 @@
                         }
                     }
 
-                    InfoLineEdit {
+                    MaterialLineEdit {
                         id: displaySIPNameLineEdit
 
-                        Layout.maximumWidth: JamiTheme.preferredButtonWidth
+                        Layout.maximumWidth: JamiTheme.preferredFieldWidth
                         Layout.minimumHeight: JamiTheme.preferredFieldHeight
                         Layout.preferredHeight: JamiTheme.preferredFieldHeight
                         Layout.maximumHeight: JamiTheme.preferredFieldHeight
@@ -244,6 +244,7 @@
 
                         horizontalAlignment: Text.AlignHCenter
                         verticalAlignment: Text.AlignVCenter
+                        padding: 8
 
                         onEditingFinished: {
                             ClientWrapper.accountAdaptor.setCurrAccDisplayName(
@@ -294,7 +295,7 @@
                             maxWidth: preferredColumnWidth
                         }
 
-                        InfoLineEdit {
+                        MaterialLineEdit {
                             id: usernameSIP
 
                             fieldLayoutWidth: preferredColumnWidth
@@ -305,6 +306,12 @@
                             horizontalAlignment: Text.AlignLeft
                             verticalAlignment: Text.AlignVCenter
 
+                            Layout.maximumWidth: preferredColumnWidth
+                            Layout.minimumHeight: JamiTheme.preferredFieldHeight
+                            Layout.preferredHeight: JamiTheme.preferredFieldHeight
+                            Layout.maximumHeight: JamiTheme.preferredFieldHeight
+                            padding: 8
+
                             onEditingFinished: {
                                 ClientWrapper.settingsAdaptor.setAccountConfig_Username(
                                             usernameSIP.text)
@@ -323,17 +330,23 @@
                             maxWidth: preferredColumnWidth
                         }
 
-                        InfoLineEdit {
+                        MaterialLineEdit {
                             id: hostnameSIP
 
                             fieldLayoutWidth: preferredColumnWidth
 
-                            font.pointSize: JamiTheme.settingsFontSize // Albert: button?
+                            font.pointSize: JamiTheme.settingsFontSize
                             font.kerning: true
 
                             horizontalAlignment: Text.AlignLeft
                             verticalAlignment: Text.AlignVCenter
 
+                            Layout.maximumWidth: preferredColumnWidth
+                            Layout.minimumHeight: JamiTheme.preferredFieldHeight
+                            Layout.preferredHeight: JamiTheme.preferredFieldHeight
+                            Layout.maximumHeight: JamiTheme.preferredFieldHeight
+                            padding: 8
+
                             onEditingFinished: {
                                 ClientWrapper.settingsAdaptor.setAccountConfig_Hostname(
                                             hostnameSIP.text)
@@ -352,7 +365,7 @@
                             maxWidth: preferredColumnWidth
                         }
 
-                        InfoLineEdit {
+                        MaterialLineEdit {
                             id: proxySIP
 
                             fieldLayoutWidth: preferredColumnWidth
@@ -363,6 +376,12 @@
                             horizontalAlignment: Text.AlignLeft
                             verticalAlignment: Text.AlignVCenter
 
+                            Layout.maximumWidth: preferredColumnWidth
+                            Layout.minimumHeight: JamiTheme.preferredFieldHeight
+                            Layout.preferredHeight: JamiTheme.preferredFieldHeight
+                            Layout.maximumHeight: JamiTheme.preferredFieldHeight
+                            padding: 8
+
                             onEditingFinished: {
                                 ClientWrapper.settingsAdaptor.setAccountConfig_ProxyServer(
                                             proxySIP.text)
@@ -381,7 +400,7 @@
                             maxWidth: preferredColumnWidth
                         }
 
-                        InfoLineEdit {
+                        MaterialLineEdit {
                             id: passSIPlineEdit
 
                             fieldLayoutWidth: preferredColumnWidth
@@ -393,6 +412,12 @@
                             horizontalAlignment: Text.AlignLeft
                             verticalAlignment: Text.AlignVCenter
 
+                            Layout.maximumWidth: preferredColumnWidth
+                            Layout.minimumHeight: JamiTheme.preferredFieldHeight
+                            Layout.preferredHeight: JamiTheme.preferredFieldHeight
+                            Layout.maximumHeight: JamiTheme.preferredFieldHeight
+                            padding: 8
+
                             onEditingFinished: {
                                 ClientWrapper.settingsAdaptor.setAccountConfig_Password(
                                             passSIPlineEdit.text)
@@ -401,30 +426,24 @@
                     }
 
 
-                    HoverableButtonTextItem {
-                        id: btnDeletAccount
-
-                        backgroundColor: "red"
-                        onEnterColor: Qt.rgba(150 / 256, 0, 0, 0.7)
-                        onDisabledBackgroundColor: Qt.rgba(
-                                                        255 / 256,
-                                                        0, 0, 0.8)
-                        onPressColor: backgroundColor
-                        textColor: "white"
+                    MaterialButton {
+                        color: JamiTheme.buttonTintedRed
+                        hoveredColor: JamiTheme.buttonTintedRedHovered
+                        pressedColor: JamiTheme.buttonTintedRedPressed
 
                         Layout.alignment: Qt.AlignHCenter
-                        Layout.minimumWidth: JamiTheme.preferredButtonWidth
-                        Layout.preferredWidth: JamiTheme.preferredButtonWidth
-                        Layout.maximumWidth: JamiTheme.preferredButtonWidth
+
+                        Layout.minimumWidth: JamiTheme.preferredFieldWidth
+                        Layout.preferredWidth: JamiTheme.preferredFieldWidth
+                        Layout.maximumWidth: JamiTheme.preferredFieldWidth
                         Layout.minimumHeight: JamiTheme.preferredFieldHeight
                         Layout.preferredHeight: JamiTheme.preferredFieldHeight
                         Layout.maximumHeight: JamiTheme.preferredFieldHeight
 
+                        toolTipText: qsTr("Press this button to delete this account")
                         text: qsTr("Delete Account")
-                        toolTipText: qsTr("Delete this account")
-                        font.pointSize: JamiTheme.textFontSize
-                        font.kerning: true
-                        radius: height / 2
+
+                        source: "qrc:/images/icons/delete_forever-24px.svg"
 
                         onClicked: {
                             delAccountSlot()