From c8679cd187c0b273bb8cdd8b41e0d3f903d6e24f Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anatasof.wirapraja@gmail.com>
Date: Sun, 15 Sep 2019 16:16:26 +0700
Subject: add email icon, change userEmail RowLayout

---
 assets/email-24px.svg          |  1 +
 kelakon.qrc                    |  1 +
 pages/CreateProfileForm.ui.qml | 33 +++++++++++++++++++--------------
 3 files changed, 21 insertions(+), 14 deletions(-)
 create mode 100644 assets/email-24px.svg

diff --git a/assets/email-24px.svg b/assets/email-24px.svg
new file mode 100644
index 0000000..1ed4686
--- /dev/null
+++ b/assets/email-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/></svg>
\ No newline at end of file
diff --git a/kelakon.qrc b/kelakon.qrc
index 901d3f0..2aa971b 100644
--- a/kelakon.qrc
+++ b/kelakon.qrc
@@ -30,5 +30,6 @@
         <file>pages/Username.qml</file>
         <file>pages/UsernameForm.ui.qml</file>
         <file>assets/user-24px.svg</file>
+        <file>assets/email-24px.svg</file>
     </qresource>
 </RCC>
diff --git a/pages/CreateProfileForm.ui.qml b/pages/CreateProfileForm.ui.qml
index 76f0da9..5f0040c 100644
--- a/pages/CreateProfileForm.ui.qml
+++ b/pages/CreateProfileForm.ui.qml
@@ -61,25 +61,31 @@ Rectangle {
             }
         }
     }
-    Rectangle {
+    RowLayout {
         id: userEmail
-        height: 48
+        height: 56
         anchors.top: profilePicture.bottom
         anchors.topMargin: 16
         anchors.right: parent.right
         anchors.rightMargin: 16
         anchors.left: parent.left
         anchors.leftMargin: 16
+        spacing: 8
+
+        Image {
+            id: emailIcon
+            width: 24
+            height: 24
+            Layout.alignment: Qt.AlignVCenter
+            fillMode: Image.PreserveAspectFit
+            source: "../assets/email-24px.svg"
+        }
 
         Label {
             id: emailAddressLabel
-            anchors.right: parent.right
-            anchors.rightMargin: 16
-            anchors.left: parent.left
-            anchors.leftMargin: 16
-            anchors.verticalCenter: parent.verticalCenter
 
             text: qsTr("your@email.com")
+            verticalAlignment: Text.AlignVCenter
             font.family: "Google Sans"
             font.pointSize: 16
             color: "#99000000"
@@ -141,11 +147,10 @@ Rectangle {
     }
 }
 
-
-
-
-/*##^## Designer {
-    D{i:0;autoSize:true;height:480;width:640}D{i:1;anchors_width:640}D{i:7;anchors_height:48;anchors_y:143}
-D{i:9;anchors_y:322}D{i:11;anchors_y:54}
+/*##^##
+Designer {
+    D{i:0;autoSize:true;height:480;width:640}D{i:1;anchors_width:640}D{i:10;anchors_y:322}
+D{i:12;anchors_y:54}
 }
- ##^##*/
+##^##*/
+
-- 
cgit v1.2.3