rm some whitespace to fit more rows per page

src/FilterLists.Web.V2/src/App.tsx

@@ -1,5 +1,6 @@
 import { Layout, Menu } from 'antd';
 import React from 'react';
+
 import { AllListsTable } from './modules';
 
 const { Header, Content, Footer } = Layout;
@@ -16,7 +17,7 @@ const App: React.FC = () => {
         />
       </Header>
       <Content>
-        <div style={{ background: '#fff', padding: 24, minHeight: 280 }}>
+        <div style={{ background: '#fff', paddingLeft: 12, paddingTop: 12, paddingRight: 12, minHeight: 280 }}>
           <AllListsTable />
         </div>
       </Content>

src/FilterLists.Web.V2/src/modules/allListsTable/AllListsTable.module.css

@@ -4,7 +4,7 @@
   /* https://stackoverflow.com/a/22042054/2343739 */
   overflow: hidden;
   text-overflow: ellipsis;
-  display: -webkit-box !important; /* TODO: refactor out important */
+  display: -webkit-box !important;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* number of lines to show */
   line-height: 1.5; /* fallback */
@@ -13,3 +13,9 @@
   /* fixed row height */
   min-height: 3em;
 }
+
+.nogrow {
+  /* eliminate top and bottom padding in cells to fit more rows per page */
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+}

src/FilterLists.Web.V2/src/modules/allListsTable/AllListsTable.tsx

@@ -51,7 +51,7 @@ export class AllListsTable extends React.Component<{}, State> {
   }
 
   private updatePageSize() {
-    const pageSize = Math.floor((window.innerHeight - 275.5) / 72);
+    const pageSize = Math.floor((window.innerHeight - 211.5) / 56);
     this.setState({
       pageSize: pageSize,
       pageSizeOptions: [5, 10, 20, 500, 2000, pageSize].sort((a, b) => a - b).map(String),