From 10400e1252f3226e33e4982c139c0807ea77302a Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Fri, 10 Feb 2023 15:27:35 -0800
Subject: [PATCH] Update sidebar styling and chat always being highlighted.
 Closes #2651

---
 web/components/admin/MainLayout.tsx     | 2 +-
 web/public/styles/admin/main-layout.css | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/components/admin/MainLayout.tsx b/web/components/admin/MainLayout.tsx
index d2eee269c..28dbe2c2e 100644
--- a/web/components/admin/MainLayout.tsx
+++ b/web/components/admin/MainLayout.tsx
@@ -224,7 +224,7 @@ export const MainLayout: FC<MainLayoutProps> = ({ children }) => {
       key: 'viewer-info',
     },
     !chatDisabled && {
-      label: <Link href="/admin/viewer-info">Chat &amp; Users</Link>,
+      label: <span>Chat &amp; Users</span>,
       icon: <MessageOutlined />,
       children: chatMenu,
       key: 'chat-and-users',
diff --git a/web/public/styles/admin/main-layout.css b/web/public/styles/admin/main-layout.css
index 93cf58e37..f728bb26c 100644
--- a/web/public/styles/admin/main-layout.css
+++ b/web/public/styles/admin/main-layout.css
@@ -12,6 +12,9 @@
   background-color: unset;
   color: var(--theme-color-components-text-on-dark);
 }
+.app-container .menu-container .ant-menu-item-selected:not(.ant-menu-item-only-child), .ant-menu-item a:hover, .ant-menu-item a::before {
+	color: var(--theme-color-palette-12);
+}
 .app-container h1.owncast-title {
   padding: 1rem;
   padding-bottom: 4px;