From 4b5886bf6449a1987238d5e247c346c0c41a07bc Mon Sep 17 00:00:00 2001
From: Jon Kuperman <jon.kuperman@gmail.com>
Date: Fri, 7 Oct 2016 15:15:13 -0700
Subject: [PATCH] Ledger list should not have maximum height

---
 js/about/preferences.js           |  3 +--
 js/components/fixedHeaderTable.js | 20 ---------------
 less/about/preferences.less       | 41 +++++--------------------------
 3 files changed, 7 insertions(+), 57 deletions(-)
 delete mode 100644 js/components/fixedHeaderTable.js

diff --git a/js/about/preferences.js b/js/about/preferences.js
index 40643ca6124..0c7a7384796 100644
--- a/js/about/preferences.js
+++ b/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
diff --git a/js/components/fixedHeaderTable.js b/js/components/fixedHeaderTable.js
deleted file mode 100644
index e9a31ba88ec..00000000000
--- a/js/components/fixedHeaderTable.js
+++ /dev/null
@@ -1,20 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this file,
- * You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-const React = require('react')
-const ImmutableComponent = require('./immutableComponent')
-const SortableTable = require('./sortableTable')
-
-class FixedHeaderTable extends ImmutableComponent {
-  render () {
-    return <div className='fixed-table-container'>
-      <div className='table-header' />
-      <div className='fixed-table-container-inner'>
-        <SortableTable {...this.props} />
-      </div>
-    </div>
-  }
-}
-
-module.exports = FixedHeaderTable
diff --git a/less/about/preferences.less b/less/about/preferences.less
index a70a4ded246..53dff739ba0 100644
--- a/less/about/preferences.less
+++ b/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 {