styled the files summary box

rhodecode/public/css/summary.less

@@ -15,7 +15,6 b''
     margin-bottom: 20px;
 
     .summary-detail-header {
-        float: left;
         display: block;
         width: 100%;
         margin-bottom: @textmargin;
@@ -23,13 +22,12 b''
         border-bottom: @border-thickness solid @border-default-color;
 
         .breadcrumbs {
-            float: left;
             display: inline;
             margin: 0;
             padding: 0;
         }
+
         h4 {
-            float: left;
             margin: 0 1em 0 0;
             padding: 0;
             line-height: 1.2em;
@@ -192,6 +190,12 b''
     }
 }
 
+.summary {
+    .fieldset {
+        margin-bottom: 0;
+    }
+}
+
 .fieldset {
 
     .left-label { // similar to form legend
@@ -223,6 +227,13 b''
         width: ~"calc(50% - 20px)";
         float: left;
         margin: 15px 0 15px 20px;
+
+        .rc-user {
+            min-width: auto;
+            max-width: none;
+            min-height: auto;
+            padding-right: 5px;
+        }
     }
 
     .right-content { // similar to form fields
@@ -258,6 +269,10 b''
             color: @grey1;
         }
     }
+    .commit {
+        color: @grey1;
+        margin-bottom: 10px;
+    }
     .commit.truncate-wrap {
         overflow:hidden;
         text-overflow: ellipsis;

rhodecode/public/css/type.less

@@ -46,6 +46,11 b' h6, .h6 { font-size: 1em; font-weight'
 .breadcrumbs {
     font-size: @repo-title-fontsize;
     margin: 0;
+
+    h4 {
+        font-size: @basefontsize;
+        margin-bottom: 15px;
+    }
 }
 
 .breadcrumbs_light {

rhodecode/templates/files/files.mako

@@ -27,7 +27,7 b''
 </%def>
 
 <%def name="main()">
-    <div id="pjax-container" class="summary">
+    <div id="pjax-container">
         <div id="files_data">
             <%include file='files_pjax.mako'/>
         </div>

rhodecode/templates/files/files_pjax.mako

@@ -19,15 +19,12 b''
         <div class="summary-detail-header">
             <div class="breadcrumbs files_location">
                 <h4>
-                    ${_('Location')}: ${h.files_breadcrumbs(c.repo_name,c.commit.raw_id,c.file.path)}
+                     ${h.files_breadcrumbs(c.repo_name,c.commit.raw_id,c.file.path)}
                     %if c.annotate:
                     - ${_('annotation')}
                     %endif
                 </h4>
             </div>
-            <div  class="btn-collapse" data-toggle="summary-details">
-                ${_('Show More')}
-            </div>
         </div><!--end summary-detail-header-->
 
         % if c.file.is_submodule():

rhodecode/templates/files/files_tree_header.mako

@@ -1,45 +1,37 b''
 <%namespace name="base" file="/base/base.mako"/>
 <%namespace name="file_base" file="/files/base.mako"/>
 
-<div class="fieldset collapsable-content no-hide" data-toggle="summary-details">
-  <div class="left-label">
-    ${_('Description')}:
-  </div>
-  <div class="commit right-content truncate-wrap">${h.urlify_commit_message(h.chop_at_smart(c.commit.message, '\n', suffix_if_chopped='...'), c.repo_name)}</div>
-</div>
+<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>
+
+      <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="fieldset collapsable-content" data-toggle="summary-details">
-  <div class="left-label">
-    ${_('Description')}:
+      <div class="clear-fix">${base.gravatar_with_user(c.commit.author)}-${h.age_component(c.commit.date)}</div>
+    </div>
+
+    <div class="right-content">
+      <div class="tags commit-info">
+        <code>
+            <a href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=c.commit.raw_id)}">${h.show_id(c.commit)}</a>
+        </code>
+
+        ${file_base.refs(c.commit)}
+      </div>
+    </div>
+    <div class="clear-fix">
   </div>
-  <div class="commit right-content">${h.urlify_commit_message(c.commit.message,c.repo_name)}</div>
-</div>
+
 
-<div class="fieldset">
-  <div class="left-label">
-    ${_('References')}:
-  </div>
-  <div class="right-content">
-    <div class="tags">
-      <code>
-          <a href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=c.commit.raw_id)}">${h.show_id(c.commit)}</a>
-      </code>
-
-      ${file_base.refs(c.commit)}
-    </div>
+  <div  class="btn-collapse" data-toggle="summary-details">
+      ${_('Show More')}
   </div>
 </div>
-
-<div class="fieldset">
-  <div class="left-label">
-    ${_('Commit Author')}:
-  </div>
-  <div class="right-content">
-    ${base.gravatar_with_user(c.commit.author)}
-    <div class="user-inline-data">- ${h.age_component(c.commit.date)}</div>
-  </div>
-</div>
-
 <script>
   collapsableContent();
 </script>