files avatar in front of message and rounded gravatars

rhodecode/public/css/main.less

@@ -726,8 +726,8 b' label {'
     margin: -5px 0;
     padding: 0;
     line-height: 1em;
-    border: 1px solid @grey4;
     box-sizing: content-box;
+    border-radius: 50%;
 
     &.gravatar-large {
         margin: -0.5em .25em -0.5em 0;

rhodecode/public/css/summary.less

@@ -234,6 +234,16 b''
             min-height: auto;
             padding-right: 5px;
         }
+
+        .left-content-avatar {
+            width: 45px;
+            float: left;
+            margin-top: 8px;
+        }
+
+        .left-content-message {
+            float: left;
+        }
     }
 
     .right-content { // similar to form fields
@@ -271,12 +281,18 b''
     }
     .commit {
         color: @grey1;
-        margin-bottom: 10px;
+        margin-bottom: 5px;
     }
     .commit.truncate-wrap {
         overflow:hidden;
         text-overflow: ellipsis;
     }
+    .commit-author {
+        color: @grey1;
+    }
+    .commit-date {
+        color: @grey4;
+    }
 }
 
 // expand commit message

rhodecode/templates/files/files_browser_tree.mako

@@ -1,5 +1,5 b''
 <div id="file-tree-wrapper" class="browser-body ${'full-load' if c.full_load else ''}">
-    <table class="code-browser rctable">
+    <table class="code-browser rctable repo_summary">
         <thead>
             <tr>
                 <th>${_('Name')}</th>

rhodecode/templates/files/files_tree_header.mako

@@ -4,15 +4,24 b''
 <div class="summary">
   <div class="fieldset">
     <div class="left-content">
-      <div class="fieldset collapsable-content no-hide" data-toggle="summary-details">
-        <div class="commit truncate-wrap">${h.urlify_commit_message(h.chop_at_smart(c.commit.message, '\n', suffix_if_chopped='...'), c.repo_name)}</div>
+
+      <div class="left-content-avatar">
+        ${base.gravatar(c.commit.author, 30)}
       </div>
 
-      <div class="fieldset collapsable-content" data-toggle="summary-details">
-        <div class="commit">${h.urlify_commit_message(c.commit.message,c.repo_name)}</div>
+      <div class="left-content-message">
+        <div class="fieldset collapsable-content no-hide" data-toggle="summary-details">
+          <div class="commit truncate-wrap">${h.urlify_commit_message(h.chop_at_smart(c.commit.message, '\n', suffix_if_chopped='...'), c.repo_name)}</div>
+        </div>
+
+        <div class="fieldset collapsable-content" data-toggle="summary-details">
+          <div class="commit">${h.urlify_commit_message(c.commit.message,c.repo_name)}</div>
+        </div>
+
+        <div class="clear-fix">
+          <span class="commit-author">${h.link_to_user(c.commit.author)}</span><span class="commit-date">-${h.age_component(c.commit.date)}</span>
+        </div>
       </div>
-
-      <div class="clear-fix">${base.gravatar_with_user(c.commit.author)}-${h.age_component(c.commit.date)}</div>
     </div>
 
     <div class="right-content">