ui: fixed commits page details

rhodecode/public/css/main.less

@@ -996,7 +996,7 @@ label {
         #graph_nodes {
             width: 100px;
             position: absolute;
-            left: 120px;
+            left: 70px;
             z-index: -1;
         }
     }

rhodecode/public/css/tables.less

@@ -119,7 +119,9 @@ table.dataTable {
         }
 
         &.td-graphbox {
-            width: 140px;
+            width: 100px;
+            max-width: 100px;
+            min-width: 100px;
         }
 
         &.td-time {
@@ -433,6 +435,9 @@ table.trending_language_tbl {
 
 // Changesets
 #changesets.rctable {
+    th {
+        padding: 0 1em 0.65em 0;
+    }
 
     // td must be fixed height for graph
     td {

rhodecode/public/js/src/rhodecode/changelog.js

@@ -98,9 +98,9 @@ var CommitsController = function () {
 
         this.setLabelText(edgeData);
 
-        var padding = 98;
+        var padding = 90;
         if (prev_link) {
-            padding += 32;
+            padding += 34;
 
         }
         $('#graph_nodes').css({'padding-top': padding});

rhodecode/templates/commits/changelog.mako

@@ -110,11 +110,6 @@
                         <div class="btn btn-sm disabled" disabled="disabled" id="rev_range_more" style="display:none;">${_('Select second commit')}</div>
                         <a href="#" class="btn btn-success btn-sm" id="rev_range_container" style="display:none;"></a>
                       </th>
-                      ## graph
-
-                      ## review box
-
-                      <th>${_('Commit')}</th>
 
                       ## commit message expand arrow
                       <th></th>
@@ -184,8 +179,12 @@
 
                     var lbl_start = 'r{0}:{1}'.format(commitStart.commitIdx, commitStart.commitId.substr(0,6));
                     var lbl_end = 'r{0}:{1}'.format(commitEnd.commitIdx, commitEnd.commitId.substr(0,6));
+
+                    var lbl_start = '{0}'.format(commitStart.commitId.substr(0,6));
+                    var lbl_end = '{0}'.format(commitEnd.commitId.substr(0,6));
+
                     var url = pyroutes.url('repo_commit', {'repo_name': '${c.repo_name}', 'commit_id': revStart+'...'+revEnd});
-                    var link = _gettext('Show selected commits {0} ... {1}').format(lbl_start, lbl_end);
+                    var link = _gettext('Show commit range {0} ... {1}').format(lbl_start, lbl_end);
 
                     if (selectedCheckboxes.length > 1) {
                         $commitRangeClear.show();

rhodecode/templates/commits/changelog_elements.mako

@@ -3,7 +3,7 @@
 
 % if c.prev_page:
     <tr>
-        <td colspan="9" class="load-more-commits">
+        <td colspan="10" class="load-more-commits">
             <a class="prev-commits" href="#loadPrevCommits" onclick="commitsController.loadPrev(this, ${c.prev_page}, '${c.branch_name}', '${c.commit_id}', '${c.f_path}');return false">
             ${_('load previous')}
             </a>