From 748a159a210521c1405788a27e5e5e87318246e0 Mon Sep 17 00:00:00 2001
From: Junhao Liao <junhao@junhao.ca>
Date: Wed, 18 Sep 2024 19:34:24 -0400
Subject: [PATCH] Add padding between sidebar tab panel title and content.

---
 .../components/SidebarContainer/PanelTabs/CustomTabPanel.css  | 4 ++++
 .../components/SidebarContainer/PanelTabs/CustomTabPanel.tsx  | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/new-log-viewer/src/components/SidebarContainer/PanelTabs/CustomTabPanel.css b/new-log-viewer/src/components/SidebarContainer/PanelTabs/CustomTabPanel.css
index d30c8fec..f5c37d48 100644
--- a/new-log-viewer/src/components/SidebarContainer/PanelTabs/CustomTabPanel.css
+++ b/new-log-viewer/src/components/SidebarContainer/PanelTabs/CustomTabPanel.css
@@ -1,3 +1,7 @@
 .sidebar-tab-panel {
     padding: 0.75rem;
 }
+
+.sidebar-tab-panel-title {
+    margin-bottom: 0.5rem !important;
+}
diff --git a/new-log-viewer/src/components/SidebarContainer/PanelTabs/CustomTabPanel.tsx b/new-log-viewer/src/components/SidebarContainer/PanelTabs/CustomTabPanel.tsx
index 04902122..ee19163d 100644
--- a/new-log-viewer/src/components/SidebarContainer/PanelTabs/CustomTabPanel.tsx
+++ b/new-log-viewer/src/components/SidebarContainer/PanelTabs/CustomTabPanel.tsx
@@ -7,6 +7,8 @@ import {
     Typography,
 } from "@mui/joy";
 
+import "./CustomTabPanel.css";
+
 
 interface CustomTabPanelProps {
     children: React.ReactNode,
@@ -29,7 +31,7 @@ const CustomTabPanel = ({children, tabName, title}: CustomTabPanelProps) => {
             className={"sidebar-tab-panel"}
             value={tabName}
         >
-            <DialogTitle>
+            <DialogTitle className={"sidebar-tab-panel-title"}>
                 <Typography
                     fontSize={14}
                     fontWeight={400}