ui: fixed commit range page

rhodecode/public/css/summary.less

@@ -326,6 +326,9 b''
     .commit-date {
         color: @grey4;
     }
+    .fieldset-text-line {
+        line-height: 36px;
+    }
 }
 
 // expand commit message

rhodecode/templates/changeset/changeset_range.mako

@@ -12,13 +12,7 b''
     %endif
 </%def>
 
-<%def name="breadcrumbs_links()">
-    ${_('Commits')} -
-    r${c.commit_ranges[0].idx}:${h.short_id(c.commit_ranges[0].raw_id)}
-    ...
-    r${c.commit_ranges[-1].idx}:${h.short_id(c.commit_ranges[-1].raw_id)}
-    ${_ungettext('(%s commit)','(%s commits)', len(c.commit_ranges)) % len(c.commit_ranges)}
-</%def>
+<%def name="breadcrumbs_links()"></%def>
 
 <%def name="menu_bar_nav()">
     ${self.menu_items(active='repositories')}
@@ -29,25 +23,43 b''
 </%def>
 
 <%def name="main()">
-
+    <div class="box">
     <div class="summary changeset">
         <div class="summary-detail">
           <div class="summary-detail-header">
               <span class="breadcrumbs files_location">
                 <h4>
                     ${_('Commit Range')}
-                    <code>
-                    r${c.commit_ranges[0].idx}:${h.short_id(c.commit_ranges[0].raw_id)}...r${c.commit_ranges[-1].idx}:${h.short_id(c.commit_ranges[-1].raw_id)}
-                    </code>
                 </h4>
               </span>
+
+                  <div class="clear-fix"></div>
           </div>
 
           <div class="fieldset">
-            <div class="left-label">
-              ${_('Diff option')}:
+                <div class="left-label-summary">
+                    <p class="spacing">${_('Range')}:</p>
+                    <div class="right-label-summary">
+                        <div class="code-header" >
+                            <div class="compare_header">
+                                <code class="fieldset-text-line">
+                                r${c.commit_ranges[0].idx}:${h.short_id(c.commit_ranges[0].raw_id)}
+                                ...
+                                r${c.commit_ranges[-1].idx}:${h.short_id(c.commit_ranges[-1].raw_id)}
+                                ${_ungettext('(%s commit)','(%s commits)', len(c.commit_ranges)) % len(c.commit_ranges)}
+                                </code>
             </div>
-            <div class="right-content">
+                        </div>
+                    </div>
+                </div>
+              </div>
+
+              <div class="fieldset">
+                <div class="left-label-summary">
+                    <p class="spacing">${_('Diff Option')}:</p>
+                    <div class="right-label-summary">
+                        <div class="code-header" >
+                            <div class="compare_header">
               <div class="btn btn-primary">
                 <a href="${h.route_path('repo_compare',
                 repo_name=c.repo_name,
@@ -56,14 +68,17 b''
                 target_ref_type='rev',
                 target_ref=c.commit_ranges[-1].raw_id)}"
                 >
-                    ${_('Show combined compare')}
+                                    ${_('Show combined diff')}
                 </a>
               </div>
             </div>
           </div>
+                    </div>
+                </div>
+              </div>
 
+              <div class="clear-fix"></div>
         </div> <!-- end summary-detail -->
-
     </div> <!-- end summary -->
 
     <div id="changeset_compare_view_content">
@@ -99,4 +114,6 b''
         %endfor
     </div>
   </div>
+    </div>
+
 </%def>

rhodecode/templates/compare/compare_diff.mako

@@ -279,8 +279,6 b''
 
         ## table diff data
         <div class="table">
-
-
             % if not c.compare_home:
                 <div id="changeset_compare_view_content">
                     <div class="pull-left">