blend logo w/colors, fix extra spacing on mobile

closes #943, closes #942

src/FilterLists.Web/src/App.tsx

@@ -9,9 +9,9 @@ const { Header, Content, Footer } = Layout;
 export const App: React.FC = () =>
   <Router>
     <Layout>
-      <Header>
+      <Header style={{ background: '#fff' }}>
         <Logo />
-        <Menu theme="dark" mode="horizontal" style={{ lineHeight: '64px' }} />
+        <Menu mode="horizontal" style={{ lineHeight: '64px' }} />
       </Header>
       <Content>
         <div style={{ background: '#fff', paddingLeft: 12, paddingTop: 12, paddingRight: 12, minHeight: 280 }}>

src/FilterLists.Web/src/components/listsTable/ListsTable.tsx

@@ -45,9 +45,8 @@ export const ListsTable = (props: RouteComponentProps & Props) => {
       loading={lists.length ? false : true}
       size="small"
       pagination={{
-        size: "small",
         simple: true,
-        style: { float: "left" },
+        style: { float: "left", margin: "4px 4px" },
         pageSize: tablePageSize.pageSize
       }}
       scroll={{ x: tablePageSize.isNarrowWindow ? undefined : 1200 }}
@@ -67,7 +66,7 @@ export const ListsTable = (props: RouteComponentProps & Props) => {
         dataIndex={nameof<List>("name")}
         sorter={(a, b) => a.name.localeCompare(b.name)}
         defaultSortOrder={"ascend"}
-        width={tablePageSize.isNarrowWindow ? undefined : 200}
+        width={tablePageSize.isNarrowWindow ? 576 : 200}
         className={styles.nogrow}
         fixed="left"
         filterDropdown={searchNameColumn.filterDropdown}

src/FilterLists.Web/src/hooks/useTablePageSizer.tsx

@@ -16,6 +16,6 @@ export const useTablePageSizer = () => {
 };
 
 const calculateSize = () => ({
-  pageSize: Math.floor((window.innerHeight - 208) / 57),
+  pageSize: Math.floor((window.innerHeight - 184) / 57),
   isNarrowWindow: window.innerWidth < 576 ? true : false
 });