From eb9c7ba81578057dcef04bd0724919fad6845b5b Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Sun, 20 Sep 2020 17:58:12 -0500
Subject: [PATCH] =?UTF-8?q?fix(web):=20=F0=9F=90=9B=F0=9F=92=84=20reset/ti?=
 =?UTF-8?q?ghten=20up=20some=20css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/config-overrides.js                              |  2 +-
 web/src/App.tsx                                      | 10 +++-------
 web/src/components/LinkButton.tsx                    |  1 -
 web/src/components/listInfoDrawer/listInfoDrawer.css |  6 ++++++
 web/src/components/listsTable/ListsTable.tsx         |  2 --
 web/src/components/listsTable/listsTable.css         |  3 ---
 web/src/hooks/useTablePageSizer.tsx                  |  4 ++--
 7 files changed, 12 insertions(+), 16 deletions(-)
 delete mode 100644 web/src/components/listsTable/listsTable.css

diff --git a/web/config-overrides.js b/web/config-overrides.js
index d0b3cc22c..64fc69216 100644
--- a/web/config-overrides.js
+++ b/web/config-overrides.js
@@ -13,7 +13,7 @@ module.exports = override(
       modifyVars: {
         ...getThemeVariables({
           dark: true,
-          // compact: true,
+          compact: true,
         }),
       },
     },
diff --git a/web/src/App.tsx b/web/src/App.tsx
index ff9048156..6e6642ee9 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -6,7 +6,7 @@ import {
   TeamOutlined,
   TwitterOutlined,
 } from "@ant-design/icons";
-import { Layout, Menu, Tag } from "antd";
+import { Layout, Tag } from "antd";
 import React from "react";
 import {
   BrowserRouter as Router,
@@ -25,14 +25,12 @@ export const App: React.FC = () => (
     <Layout>
       <Header style={{ background: "#000" }}>
         <Logo />
-        <Menu mode="horizontal" style={{ lineHeight: "64px" }} />
       </Header>
       <Content>
         <div
           style={{
-            paddingLeft: 12,
-            paddingTop: 12,
-            paddingRight: 12,
+            paddingLeft: 4,
+            paddingRight: 4,
             minHeight: 280,
           }}
         >
@@ -45,8 +43,6 @@ export const App: React.FC = () => (
       <Footer
         style={{
           textAlign: "center",
-          padding: "6px 50px",
-          lineHeight: "28px",
         }}
       >
         <CopyrightAuthor />
diff --git a/web/src/components/LinkButton.tsx b/web/src/components/LinkButton.tsx
index 7a3fe5e82..99a7c701d 100644
--- a/web/src/components/LinkButton.tsx
+++ b/web/src/components/LinkButton.tsx
@@ -17,7 +17,6 @@ export const LinkButton = (props: Props) =>
       title={props.title}
       type={props.type || "default"}
       block
-      style={{ borderLeftColor: "rgb(217, 217, 217)" }} //HACK: override buggy style in antd
       icon={props.icon}
       target="_blank"
       rel="noopener noreferrer"
diff --git a/web/src/components/listInfoDrawer/listInfoDrawer.css b/web/src/components/listInfoDrawer/listInfoDrawer.css
index fb65e5d6a..835c877b0 100644
--- a/web/src/components/listInfoDrawer/listInfoDrawer.css
+++ b/web/src/components/listInfoDrawer/listInfoDrawer.css
@@ -2,3 +2,9 @@ h3 {
   margin-top: 1em;
   margin-bottom: 0.2em;
 }
+
+.ant-btn-group
+  .ant-btn-primary
+  + .ant-btn:not(.ant-btn-primary):not([disabled]) {
+  border-left-color: rgb(67, 67, 67);
+}
diff --git a/web/src/components/listsTable/ListsTable.tsx b/web/src/components/listsTable/ListsTable.tsx
index 97487bb47..43431eae4 100644
--- a/web/src/components/listsTable/ListsTable.tsx
+++ b/web/src/components/listsTable/ListsTable.tsx
@@ -1,5 +1,3 @@
-import "./listsTable.css";
-
 import {
   Key,
   SorterResult,
diff --git a/web/src/components/listsTable/listsTable.css b/web/src/components/listsTable/listsTable.css
deleted file mode 100644
index 34d395832..000000000
--- a/web/src/components/listsTable/listsTable.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.ant-table-header-column > div {
-  margin-top: 8px;
-}
diff --git a/web/src/hooks/useTablePageSizer.tsx b/web/src/hooks/useTablePageSizer.tsx
index 112f5ad3c..0fda66a0f 100644
--- a/web/src/hooks/useTablePageSizer.tsx
+++ b/web/src/hooks/useTablePageSizer.tsx
@@ -19,8 +19,8 @@ export const useTablePageSizer = () => {
 const calculateSize = () => ({
   pageSize:
     window.innerWidth < 576
-      ? Math.floor((window.innerHeight - 220) / 43)
-      : Math.floor((window.innerHeight - 150) / 57),
+      ? Math.floor((window.innerHeight - 220) / 37)
+      : Math.floor((window.innerHeight - 150) / 49),
   isNarrowWindow: window.innerWidth < 576 ? true : false,
   isWideWindow: window.innerWidth > 1918 ? true : false,
 });