From aa5d5fc32dc8a493d358d218c67360c3225689a8 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Fri, 16 Dec 2022 17:34:51 -0800
Subject: [PATCH] Some admin related appearance tweaks. For working on #1904

---
 web/components/BanUserButton.tsx        |  1 +
 web/components/MainLayout.tsx           |  1 -
 web/components/ModeratorUserButton.tsx  |  1 +
 web/public/styles/admin/main-layout.css |  4 ++++
 web/styles/ant-overrides.scss           | 17 ++++++++++++++++-
 5 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/web/components/BanUserButton.tsx b/web/components/BanUserButton.tsx
index de6345c5c..cc00efb9b 100644
--- a/web/components/BanUserButton.tsx
+++ b/web/components/BanUserButton.tsx
@@ -72,6 +72,7 @@ export const BanUserButton: FC<BanUserButtonProps> = ({ user, isEnabled, label,
 
   return (
     <Button
+      type="primary"
       onClick={confirmBlockAction}
       size="small"
       icon={isEnabled ? <StopTwoTone twoToneColor="#ff4d4f" /> : null}
diff --git a/web/components/MainLayout.tsx b/web/components/MainLayout.tsx
index e1d799ca8..57b12bdc6 100644
--- a/web/components/MainLayout.tsx
+++ b/web/components/MainLayout.tsx
@@ -217,7 +217,6 @@ export const MainLayout: FC<MainLayoutProps> = ({ children }) => {
       key: 'viewer-info',
     },
     !chatDisabled && {
-      key: 'chat-config',
       label: <Link href="/admin/viewer-info">Chat &amp; Users</Link>,
       icon: <MessageOutlined />,
       children: chatMenu,
diff --git a/web/components/ModeratorUserButton.tsx b/web/components/ModeratorUserButton.tsx
index 4304b5ffc..97bc5689a 100644
--- a/web/components/ModeratorUserButton.tsx
+++ b/web/components/ModeratorUserButton.tsx
@@ -75,6 +75,7 @@ export const ModeratorUserButton: FC<ModeratorUserButtonProps> = ({ user, onClic
 
   return (
     <Button
+      type="primary"
       onClick={confirmBlockAction}
       size="small"
       icon={
diff --git a/web/public/styles/admin/main-layout.css b/web/public/styles/admin/main-layout.css
index f74e7842f..a4e12ffad 100644
--- a/web/public/styles/admin/main-layout.css
+++ b/web/public/styles/admin/main-layout.css
@@ -128,3 +128,7 @@
   margin-left: 0.5em;
   line-height: 1;
 }
+
+.ant-select:not(.ant-select-customize-input) .ant-select-selector {
+	background-color: var(--theme-color-components-form-field-background);
+}
diff --git a/web/styles/ant-overrides.scss b/web/styles/ant-overrides.scss
index d2d792d88..fbddc0608 100644
--- a/web/styles/ant-overrides.scss
+++ b/web/styles/ant-overrides.scss
@@ -26,7 +26,7 @@ BUTTONS
   color: currentColor;
   border-width: 2px;
   border-color: transparent;
-  border-radius: 0.15rem;
+  border-radius: var(--theme-rounded-corners);
   background-color: rgba(0, 0, 0, 0.1);
   &:hover,
   &:focus {
@@ -195,3 +195,18 @@ DROPDOWN
 .ant-modal-close:hover {
   color: var(--theme-color-components-modal-header-text);
 }
+
+.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
+  background-color: unset;
+}
+
+td.ant-table-column-sort,
+.ant-table-thead th.ant-table-column-sort {
+  background-color: unset;
+}
+
+th {
+  color: var(--theme-color-components-modal-header-text);
+  font-family: var(--theme-text-display-font-family);
+  font-weight: 700 !important;
+}