Aligned expanded sumarry box content better and moved comments as last column

rhodecode/public/css/main.less

@@ -1065,7 +1065,7 b' label {'
 }
 
 .flag_status {
-    margin: 2px 8px 6px 2px;
+    margin: 2px;
     &.under_review {
         .circle(5px, @alert3);
     }

rhodecode/public/css/summary.less

@@ -67,12 +67,12 b''
             height: 30px;
             margin: 0;
             padding: 0;
-            width: 100px;
+            width: 130px;
             font-weight: @text-semibold-weight;
             font-family: @text-semibold;
         }
         .left-clone select {
-            width: 100px;
+            width: 130px;
             margin-right: 0;
             background-color: @grey7;
             border-color: @grey4;
@@ -83,7 +83,7 b''
 
         .right-clone {
             float: left;
-            width: ~"calc(100% - 150px)";
+            width: ~"calc(100% - 170px)";
 
             .clipboard-action {
                 margin-left: -30px;
@@ -91,7 +91,7 b''
         }
 
         .clone_url_input {
-            width: ~"calc(100% - 70px)";
+            width: ~"calc(100% - 90px)";
             padding: 6px 30px 6px 10px;
             height: 14px;
             box-shadow: 0 1px 1px 0 rgba(0,0,0,0.07);
@@ -209,6 +209,13 b''
         p {
             margin-bottom: 5px;
             color: @grey1;
+            float: left;
+            width: 130px;
+        }
+
+        .right-label-summary {
+            float: left;
+            margin-top: 7px;
         }
     }
 
@@ -396,7 +403,7 b''
     }
 
     td.td-status {
-        padding-left: 10px;
+        padding: 0 0 0 10px;
     }
 }
 

rhodecode/templates/summary/components.mako

@@ -145,7 +145,7 b''
           <div class="left-label-summary">
             <p>${_('Repository size')}</p>
 
-            <div class="commit-info">
+            <div class="right-label-summary">
                 <div class="tags">
                    ## repo size
                     % if commit_rev == -1:
@@ -167,7 +167,7 b''
           <div class="left-label-summary">
             <p>${_('Description')}</p>
 
-            <div class="input ${summary(c.show_stats)}">
+            <div class="right-label-summary input ${summary(c.show_stats)}">
                 <%namespace name="dt" file="/data_table/_dt_elements.mako"/>
                 ${dt.repo_desc(c.rhodecode_db_repo.description_safe, c.visual.stylify_metatags)}
             </div>
@@ -179,7 +179,7 b''
             <div class="left-label-summary">
               <p>${_('Downloads')}</p>
 
-              <div class="input ${summary(c.show_stats)} downloads">
+              <div class="right-label-summary input ${summary(c.show_stats)} downloads">
                 % if c.rhodecode_repo and len(c.rhodecode_repo.commit_ids) == 0:
                   <span class="disabled">
                     ${_('There are no downloads yet')}
@@ -210,7 +210,7 b''
           <div class="left-label-summary">
             <p>${_('Statistics')}</p>
 
-            <div class="input ${summary(c.show_stats)} statistics">
+            <div class="right-label-summary input ${summary(c.show_stats)} statistics">
               % if c.show_stats:
                 <div id="lang_stats" class="enabled">
                     ${_('Calculating Code Statistics...')}
@@ -231,7 +231,7 b''
         <div class="fieldset collapsable-content" data-toggle="summary-details" style="display: none;">
           <div class="left-label-summary">
             <p>${_('Owner')}</p>
-            <div class="">
+            <div class="right-label-summary">
                 ${base.gravatar_with_user(c.rhodecode_db_repo.user.email, 16)}
             </div>
 

rhodecode/templates/summary/summary_commits.mako

@@ -4,12 +4,12 b''
 <table class="rctable repo_summary table_disp">
     <tr>
 
-        <th class="status" colspan="2"></th>
+        <th class="status"></th>
         <th>${_('Commit')}</th>
         <th>${_('Commit message')}</th>
         <th>${_('Age')}</th>
         <th>${_('Author')}</th>
-        <th>${_('Refs')}</th>
+        <th colspan="2">${_('Refs')}</th>
     </tr>
 
 ## to speed up lookups cache some functions before the loop
@@ -37,13 +37,6 b''
                 <div class="tooltip flag_status not_reviewed" title="${_('Commit status: Not Reviewed')}"></div>
             %endif
         </td>
-        <td class="td-comments">
-            %if c.comments.get(cs.raw_id,[]):
-            <a title="${_('Commit has comments')}" href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=cs.raw_id,_anchor='comment-%s' % c.comments[cs.raw_id][0].comment_id)}">
-                <i class="icon-comment"></i> ${len(c.comments[cs.raw_id])}
-            </a>
-            %endif
-        </td>
         <td class="td-commit">
             <code>
                 <a href="${h.route_path('repo_commit', repo_name=c.repo_name, commit_id=cs.raw_id)}">${h.show_id(cs)}</a>
@@ -88,6 +81,13 b''
             %endif
           </div>
         </td>
+        <td class="td-comments">
+            %if c.comments.get(cs.raw_id,[]):
+            <a title="${_('Commit has comments')}" href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=cs.raw_id,_anchor='comment-%s' % c.comments[cs.raw_id][0].comment_id)}">
+                <i class="icon-comment"></i> ${len(c.comments[cs.raw_id])}
+            </a>
+            %endif
+        </td>
     </tr>
 %endfor