From 54dee197fd8754c9939c7d7a300951d9fbd187be Mon Sep 17 00:00:00 2001
From: dkanada <dkanada@users.noreply.github.com>
Date: Wed, 27 Nov 2019 14:12:53 +0900
Subject: [PATCH] Merge pull request #596 from Wunax/fix-input-user-avatar

Fix input field user avatar in a wrong position

(cherry picked from commit a9c1425ddd47493c437db2c5aafeb4ca58df94c3)
Signed-off-by: Joshua Boniface <joshua@boniface.me>
---
 src/myprofile.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/myprofile.html b/src/myprofile.html
index 96ec06b4f7..deb63f5848 100644
--- a/src/myprofile.html
+++ b/src/myprofile.html
@@ -2,8 +2,8 @@
     <div class="padded-left padded-right padded-bottom-page">
         <div class="readOnlyContent" style="margin: 0 auto; padding: 0 1em;">
             <div style="position:relative;display:inline-block;max-width:200px;">
-                <img id="image" width="200px" />
                 <input id="uploadImage" type="file" accept="image/*" style="position:absolute;right:0;width:100%;height:100%;opacity:0;" />
+                <div id="image" style="width:200px;height:200px;background-repeat:no-repeat;background-position:center;border-radius:100%;background-size:cover;"></div>
             </div>
             <div style="vertical-align:top;margin:1em 2em;display:inline-block;">
                 <h2 class="username" style="margin:0;font-size:xx-large;"></h2>
@@ -68,4 +68,4 @@
             </div>
         </form>
     </div>
-</div>
\ No newline at end of file
+</div>