From a2a53d5d6632e1639882f93b411293e63951d476 Mon Sep 17 00:00:00 2001
From: Matthias Mair <code@mjmair.com>
Date: Tue, 20 Aug 2024 19:12:17 +0200
Subject: [PATCH] add option to set leftMargin

---
 src/frontend/src/components/nav/PanelGroup.tsx              | 6 ++++--
 src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/nav/PanelGroup.tsx b/src/frontend/src/components/nav/PanelGroup.tsx
index bdc36bff03..d761444574 100644
--- a/src/frontend/src/components/nav/PanelGroup.tsx
+++ b/src/frontend/src/components/nav/PanelGroup.tsx
@@ -46,6 +46,7 @@ export type PanelProps = {
   selectedPanel?: string;
   onPanelChange?: (panel: string) => void;
   collapsible?: boolean;
+  ml?: string;
 };
 
 function BasePanelGroup({
@@ -53,7 +54,8 @@ function BasePanelGroup({
   panels,
   onPanelChange,
   selectedPanel,
-  collapsible = true
+  collapsible = true,
+  ml = ''
 }: Readonly<PanelProps>): ReactNode {
   const location = useLocation();
   const navigate = useNavigate();
@@ -117,7 +119,7 @@ function BasePanelGroup({
 
   return (
     <Boundary label={`PanelGroup-${pageKey}`}>
-      <Paper p="sm" radius="xs" shadow="xs">
+      <Paper p="sm" radius="xs" shadow="xs" ml={ml}>
         <Tabs value={panel} orientation="vertical" keepMounted={false}>
           <Tabs.List justify="left">
             {panels.map(
diff --git a/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx b/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx
index 91bc1d8982..eda07e388a 100644
--- a/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx
+++ b/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx
@@ -228,6 +228,7 @@ export default function AdminCenter() {
             pageKey="admin-center"
             panels={adminCenterPanels}
             collapsible={true}
+            ml={'sm'}
           />
         </Stack>
       ) : (