Ledger list should not have maximum height

js/about/preferences.js

@@ -20,7 +20,6 @@ const {passwordManagers, extensionIds} = require('../constants/passwordManagers'
 const aboutActions = require('./aboutActions')
 const getSetting = require('../settings').getSetting
 const SortableTable = require('../components/sortableTable')
-const FixedHeaderTable = require('../components/fixedHeaderTable')
 const Button = require('../components/button')
 const searchProviders = require('../data/searchProviders')
 const moment = require('moment')
@@ -259,7 +258,7 @@ class LedgerTable extends ImmutableComponent {
       return null
     }
     return <div id='ledgerTable'>
-      <FixedHeaderTable
+      <SortableTable
         headings={['rank', 'publisher', 'include', 'views', 'timeSpent', 'percentage']}
         defaultHeading='rank'
         overrideDefaultStyle

less/about/preferences.less

@@ -571,45 +571,16 @@ table.sortableTable {
     td {
       padding: 0 15px;
     }
-  }
-
-  .fixed-table-container {
-    height: 500px;
-    position: relative;
-
-    .table-header {
-      height: 30px;
-      background: @veryLightGray;
-      position: absolute;
-      top: 0;
-      right: 0;
-      left: 0;
-    }
+    .th-inner {
+      font-weight: bold;
 
-    .fixed-table-container-inner {
-      overflow-x: hidden;
-      overflow-y: auto;
-      height: 100%;
-
-      table {
-        width: 100%;
-        overflow-x: hidden;
-        overflow-y: auto;
-
-        .th-inner {
-          color: @darkGray;
-          cursor: default;
-          font-weight: 600;
-          position: absolute;
-          top: 0;
-          line-height: 30px;
-          z-index: 9;
-          background: @veryLightGray;
-          -webkit-user-select: none;
-        }
+      &:hover {
+        cursor: pointer;
+        text-decoration: underline;
       }
     }
   }
+
 }
 
 .modal .dialog.paymentHistory .sectionTitle {