From 393219c4c3b7c0a13b079e15c83fd2e767aad7f8 Mon Sep 17 00:00:00 2001
From: anoop narang <anoop.narang@navi.com>
Date: Thu, 23 Jul 2020 17:11:14 +0530
Subject: [PATCH] [INFRA-421] | Anoop | Add little margin on expansion of
 folding group

---
 src/renderer/FoldableGroup.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/renderer/FoldableGroup.tsx b/src/renderer/FoldableGroup.tsx
index 38604ae..7951772 100644
--- a/src/renderer/FoldableGroup.tsx
+++ b/src/renderer/FoldableGroup.tsx
@@ -16,6 +16,9 @@ import { FoldableGroupContext } from './FoldableGroupContext';
 
 const useStyles = makeStyles((theme: any) =>
   createStyles({
+    expandedPanel: {
+      marginLeft: '1vw !important'
+    },
     expandedPanelHeading: {
       backgroundColor: '#E8E8E8'
     }
@@ -56,7 +59,7 @@ const FoldableGroup = props => {
 
   return (
     <Hidden>
-      <ExpansionPanel {...expansionPanelProps} >
+      <ExpansionPanel {...expansionPanelProps} classes={{expanded: classes.expandedPanel}}>
         <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />} classes={{ expanded: classes.expandedPanelHeading }}>
           <Typography>{uischema.label}</Typography>
         </ExpansionPanelSummary>