User_Edit Profile page Issues

[ravi-sprim]

Issue Description: User_Edit Profile page Issues

Steps:

1. URL: http://test.sprim-health.com/
2. Register in to application/Login to application.(As User)
3. Navigate to Profile-> Edit Profile
4. Enter invalid mobile number in Edit profile and click on save. (AR: 6)
5. Enter invalid data (or) clear all the fields data and click on save. (AR: 7)

AR:

1. Text fields are displaying below the titles.
2. There is no space between Gender and Email.
3. Address text box is displaying in single line.
4. It's allowing to delete prefix phone number. And showing in plain format.
5. Cancel button is not displaying.
6. Following error message is displaying:'User Mobile is not valid number!'. Update to proper error message -> All the error messages are displaying in White color.
7. It's displaying previous information. (User may surprise to see old information along with error message and have to Re-enter in this case).

ER:

1. Show the text fields next to titles.
2. Give proper space in between Gender and Email.
3. Display address text box in multiline.(Show it as business card).
4. Don't allow user to delete prefix value(+91). Based on selected display (or) split it from mobile number and allow user to enter. -> Display mobile number in following format +91 (123)456-7890
5. Display the Cancel button.
6. Display proper error message. Eg: 'Please enter valid Mobile number.' -> Display all the error messages in Red color.
7. Display modified information along with error messages.

PFA.

[sprimit]

change design of the edit profile page. Need to get from designer.