Upload profile image issues

[ravi-sprim]

Issue Description: Upload profile image issues

Steps:

1. Navigate to Edit Profile page.
2. Click on 'Edit Profile' Link.
3. Upload invalid file. (AR:5)
4. Upload valid photo. (AR: 6)
5. After successful uploaded, Edit profile and click delete photo.(AR: 7)
6. Try to upload more than 1MB size photo. (AR: 9)
7. Upload valid image for user photo.

AR:

1. 'Delete Photo' link is displaying. (Even if image is not uploaded).
2. 'Edit Profile' title is displaying below the overlay.
3. 'Profile Name' Title font size is smaller than help text.
4. Help text font size is big.
5. In error message there is not space between 'File & Type'.
6. Uploaded image is not displaying.
7. It's directly navigating to Profile page. Where as in Upload photo case, After uploading photo it remains in same page.
8. Both upload/Delete case, With out click on save button in page-> Directly it's saving.
9. Following message is displaying in new page: '413 Request Entity Too Large'.
10. Image is not loading.

ER:

1. 'Delete photo' link should not display, If image is not uploaded.
2. Display 'Edit Profile' title above the overlay.
3. 'Profile Name' Title font size should be h1 or h2.
4. Reduce the help text font size.
5. Display space in between 'File & Type'.
6. Uploaded image should display.
7. It should not navigate directly to profile page.
8. Only after clicking on save button it should save. In Upload/Delete case.
9. It should display proper error message for more than max limit size photo.
10. Image should load.

PFA.