# HG changeset patch
# User Marcin Kuzminski <marcin@rhodecode.com>
# Date 2019-05-21 08:21:04
# Node ID 9ccee79154c5c2301b67377b24134013c2ca0213
# Parent  8b2d8effa00affeac80f3431af25aab8cc2f2bc4

ui: fix profiles for users

diff --git a/rhodecode/templates/users/user_profile.mako b/rhodecode/templates/users/user_profile.mako
--- 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>