From d2d2d850ebd12f9e21be68996bb3604f2cef8c78 Mon Sep 17 00:00:00 2001
From: Marcin Kuzminski <marcin@rhodecode.com>
Date: Tue, 21 May 2019 10:21:04 +0200
Subject: [PATCH] ui: fix profiles for users

---
 rhodecode/templates/users/user_profile.mako | 50 ++++++++++++---------
 1 file changed, 30 insertions(+), 20 deletions(-)

diff --git a/rhodecode/templates/users/user_profile.mako b/rhodecode/templates/users/user_profile.mako
index 7357b576..14127e45 100644
--- a/rhodecode/templates/users/user_profile.mako
+++ b/rhodecode/templates/users/user_profile.mako
@@ -8,49 +8,59 @@
         %endif
     </div>
 
-    <div class="panel-body user-profile-content">
-        <div class="fieldset">
-            <div class="left-label">
+    <div class="panel-body user-profile-content fields">
+        <div class="field">
+            <div class="label">
                 ${_('Photo')}:
             </div>
-            <div class="right-content">
+            <div class="input">
+                <div class="text-as-placeholder">
                 %if c.visual.use_gravatar:
                     ${base.gravatar(c.user.email, 100)}
                 %else:
                     ${base.gravatar(c.user.email, 100)}
                 %endif
+                </div>
             </div>
         </div>
-        <div class="fieldset">
-            <div class="left-label">
+        <div class="field">
+            <div class="label">
                 ${_('Username')}:
             </div>
-            <div class="right-content">
-                ${c.user.username}
+            <div class="input">
+                <div class="text-as-placeholder">
+                    ${c.user.username}
+                </div>
             </div>
         </div>
-        <div class="fieldset">
-            <div class="left-label">
+        <div class="field">
+            <div class="label">
                 ${_('First name')}:
             </div>
-            <div class="right-content">
-                ${c.user.first_name}
+            <div class="input">
+                <div class="text-as-placeholder">
+                    ${c.user.first_name}
+                </div>
             </div>
         </div>
-        <div class="fieldset">
-            <div class="left-label">
+        <div class="field">
+            <div class="label">
                 ${_('Last name')}:
             </div>
-            <div class="right-content">
-                ${c.user.last_name}
+            <div class="input">
+                <div class="text-as-placeholder">
+                    ${c.user.last_name}
+                </div>
             </div>
         </div>
-        <div class="fieldset">
-            <div class="left-label">
+        <div class="field">
+            <div class="label">
                 ${_('Email')}:
             </div>
-            <div class="right-content">
-                ${c.user.email or _('Missing email, please update your user email address.')}
+            <div class="input">
+                <div class="text-as-placeholder">
+                    ${(c.user.email or _('Missing email, please update your user email address.'))}
+                </div>
             </div>
         </div>
     </div>