use toolbar for EmailForm.ui, ExistingLoginForm.ui, PasswordForm.ui, ConfirmPasswordForm.ui

1 files changed, 17 insertions, 12 deletions

diff --git a/pages/EmailForm.ui.qml b/pages/EmailForm.ui.qml
index 969dcaa..f05fe96 100644
--- a/pages/EmailForm.ui.qml
+++ b/pages/EmailForm.ui.qml
@@ -12,28 +12,33 @@ Rectangle {
     property alias emailTextField: emailTextField
     property alias loginButton: loginButton
 
-    Rectangle {
-        id: appBar
+    ToolBar {
+        id: toolbar
         height: 56
-        color: "#ffffff"
+        font.family: "Google Sans"
         anchors.top: parent.top
         anchors.topMargin: 0
         anchors.right: parent.right
         anchors.rightMargin: 0
         anchors.left: parent.left
         anchors.leftMargin: 0
+        background: Rectangle {
+            color: "#FFF"
+        }
 
-        RoundButton {
-            id: backButton
-            flat: true
-            anchors.verticalCenter: parent.verticalCenter
-            anchors.left: parent.left
-            display: AbstractButton.IconOnly
-            icon.name: "back-icon"
-            icon.source: "/assets/arrow-back-24px.svg"
-            icon.color: "transparent"
+        RowLayout {
+            anchors.fill: parent
+            spacing: 8
+
+            ToolButton {
+                id: backButton
+                icon.name: "back-icon"
+                icon.source: "/assets/arrow-back-24px.svg"
+                highlighted: true
+            }
         }
     }
+
     Label {
         x: 16
         y: 398