Changeset view summary box changes and fixed my profile view

rhodecode/public/css/code-block.less

@@ -408,8 +408,8 b' div.codeblock {'
 
     overflow: auto;
     padding: 0px;
-    border: @border-thickness solid #EAEAEA;
-    background: #f5f5f5;
+    border: @border-thickness solid @grey6;
+    background: @grey7;
     .border-radius(@border-radius);
 
     #remove_gist {

rhodecode/public/css/main.less

@@ -1817,7 +1817,6 b' BIN_FILENODE = 7'
 }
 
 #changeset_compare_view_content {
-    margin-bottom: @space;
     clear: both;
     width: 100%;
     box-sizing: border-box;

rhodecode/public/css/panels.less

@@ -63,10 +63,6 b''
     &.user-profile {
         float: left;
 
-        .panel-heading {
-            margin-bottom: @padding;
-        }
-    
         .panel-body {
             &:extend(.clearfix);
         }

rhodecode/public/css/summary.less

@@ -225,6 +225,7 b''
         .right-label-summary {
             float: left;
             margin-top: 7px;
+            width: ~"calc(100% - 160px)";
         }
     }
 

rhodecode/templates/admin/my_account/my_account_profile.mako

@@ -5,12 +5,13 b''
         <a href="${h.route_path('my_account_edit')}" class="panel-edit">${_('Edit')}</a>
     </div>
 
-    <div class="panel-body">
-        <div class="fieldset">
-            <div class="left-label">
+    <div class="panel-body 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:
@@ -19,37 +20,46 b''
                 %endif
             </div>
         </div>
-        <div class="fieldset">
-            <div class="left-label">
+        </div>
+        <div class="field">
+            <div class="label">
                 ${_('Username')}:
             </div>
-            <div class="right-content">
+            <div class="input">
+                <div class="text-as-placeholder">
                 ${c.user.username}
             </div>
         </div>
-        <div class="fieldset">
-            <div class="left-label">
+        </div>
+        <div class="field">
+            <div class="label">
                 ${_('First Name')}:
             </div>
-            <div class="right-content">
+            <div class="input">
+                <div class="text-as-placeholder">
                 ${c.user.first_name}
             </div>
         </div>
-        <div class="fieldset">
-            <div class="left-label">
+        </div>
+        <div class="field">
+            <div class="label">
                 ${_('Last Name')}:
             </div>
-            <div class="right-content">
+            <div class="input">
+                <div class="text-as-placeholder">
                 ${c.user.last_name}
             </div>
         </div>
-        <div class="fieldset">
-            <div class="left-label">
+        </div>
+        <div class="field">
+            <div class="label">
                 ${_('Email')}:
             </div>
-            <div class="right-content">
+            <div class="input">
+                <div class="text-as-placeholder">
                 ${c.user.email or _('Missing email, please update your user email address.')}
             </div>
         </div>
     </div>
+    </div>
 </div>
  No newline at end of file

rhodecode/templates/changeset/changeset.mako

@@ -28,11 +28,10 b''
 
   <div id="changeset_compare_view_content"  class="summary changeset">
     <div class="summary-detail">
-      <div class="summary-detail-header">
-          <div class="breadcrumbs files_location">
-            <h4>
-            ${_('Commit')}
-
+        <div class="fieldset">
+          <div class="left-label-summary">
+            <p>${_('Commit')}</p>
+            <div class="right-label-summary">
             <code>
                 ${h.show_id(c.commit)}
             </code>
@@ -54,9 +53,8 b''
                   <span class="tag hidden-${c.commit.hidden} tooltip" title="${_('Evolve State')}">${_('hidden')}</span>
               % endif
             % endif
-            </h4>
 
-          </div>
+
           <div class="pull-right">
               <span id="parent_link">
                 <a href="#parentCommit" title="${_('Parent Commit')}"><i class="icon-left icon-no-margin"></i>${_('parent')}</a>
@@ -66,41 +64,44 b''
                 <a href="#childCommit" title="${_('Child Commit')}">${_('child')}<i class="icon-right icon-no-margin"></i></a>
               </span>
           </div>
+
       </div>
+            </div>
+          </div>
+
+
 
       <div class="fieldset">
-        <div class="left-label">
-          ${_('Description')}:
-        </div>
-        <div class="right-content">
+        <div class="left-label-summary">
+          <p>${_('Description')}:</p>
+          <div class="right-label-summary">
           <div id="trimmed_message_box" class="commit">${h.urlify_commit_message(c.commit.message,c.repo_name)}</div>
           <div id="message_expand" style="display:none;">
             ${_('Expand')}
           </div>
         </div>
       </div>
+      </div>
 
       %if c.statuses:
       <div class="fieldset">
-        <div class="left-label">
-          ${_('Commit status')}:
-        </div>
-        <div class="right-content">
+        <div class="left-label-summary">
+          <p>${_('Commit status')}:</p>
+          <div class="right-label-summary">
           <div class="changeset-status-ico">
             <div class="${'flag_status %s' % c.statuses[0]} pull-left"></div>
           </div>
           <div title="${_('Commit status')}" class="changeset-status-lbl">[${h.commit_status_lbl(c.statuses[0])}]</div>
         </div>
       </div>
+      </div>
       %endif
 
       <div class="fieldset">
-        <div class="left-label">
-          ${_('References')}:
-        </div>
-        <div class="right-content">
+        <div class="left-label-summary">
+          <p>${_('References')}:</p>
+          <div class="right-label-summary">
           <div class="tags">
-
             %if c.commit.merge:
               <span class="mergetag tag">
                <i class="icon-merge"></i>${_('merge')}
@@ -129,12 +130,12 b''
             </div>
           </div>
         </div>
+      </div>
 
       <div class="fieldset">
-        <div class="left-label">
-          ${_('Diff options')}:
-        </div>
-        <div class="right-content">
+        <div class="left-label-summary">
+          <p>${_('Diff options')}:</p>
+          <div class="right-label-summary">
             <div class="diff-actions">
               <a href="${h.route_path('repo_commit_raw',repo_name=c.repo_name,commit_id=c.commit.raw_id)}"  class="tooltip" title="${h.tooltip(_('Raw diff'))}">
                 ${_('Raw Diff')}
@@ -150,12 +151,12 b''
             </div>
         </div>
       </div>
+      </div>
 
       <div class="fieldset">
-        <div class="left-label">
-          ${_('Comments')}:
-        </div>
-        <div class="right-content">
+        <div class="left-label-summary">
+          <p>${_('Comments')}:</p>
+          <div class="right-label-summary">
             <div class="comments-number">
                 %if c.comments:
                     <a href="#comments">${_ungettext("%d Commit comment", "%d Commit comments", len(c.comments)) % len(c.comments)}</a>,
@@ -170,12 +171,12 b''
             </div>
         </div>
       </div>
+      </div>
 
       <div class="fieldset">
-        <div class="left-label">
-          ${_('Unresolved TODOs')}:
-        </div>
-        <div class="right-content">
+        <div class="left-label-summary">
+          <p>${_('Unresolved TODOs')}:</p>
+          <div class="right-label-summary">
             <div class="comments-number">
                 % if c.unresolved_comments:
                     % for co in c.unresolved_comments:
@@ -187,21 +188,23 b''
             </div>
         </div>
       </div>
-
-    </div> <!-- end summary-detail -->
+      </div>
 
-    <div id="commit-stats" class="sidebar-right">
-      <div class="summary-detail-header">
-        <h4 class="item">
-          ${_('Author')}
-        </h4>
-      </div>
-        <div class="sidebar-right-content">
+      <div class="fieldset">
+        <div class="left-label-summary">
+          <p>${_('Author')}</p>
+
+          <div class="right-label-summary">
             ${self.gravatar_with_user(c.commit.author)}
             <div class="user-inline-data">- ${h.age_component(c.commit.date)}</div>
         </div>
-    </div><!-- end sidebar -->
+        </div>
+
+    <div class="clear-fix"></div>
+
+    </div> <!-- end summary-detail -->
   </div> <!-- end summary -->
+  </div>
   <div class="cs_files">
     <%namespace name="cbdiffs" file="/codeblocks/diffs.mako"/>
     ${cbdiffs.render_diffset_menu(c.changes[c.commit.raw_id])}