fix: logic active step padding (#7737)

fix : add padding around step items
opengovsg · Oct 1, 2024 · 308a046 · 308a046
1 parent 0d4280f
commit 308a046
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/...reate/logic/components/LogicContent/EditLogicBlock/EditCondition/EditConditionWrapper.tsx b/...reate/logic/components/LogicContent/EditLogicBlock/EditCondition/EditConditionWrapper.tsx
@@ -13,6 +13,7 @@ export const EditConditionWrapper = forwardRef<
       ref={ref}
       borderRadius="4px"
       bg="white"
+      py="1.5rem"
       border="1px solid"
       borderColor="primary.500"
       boxShadow="0 0 0 1px var(--chakra-colors-primary-500)"

diff --git a/...eatures/admin-form/create/logic/components/LogicContent/EditLogicBlock/EditLogicBlock.tsx b/...eatures/admin-form/create/logic/components/LogicContent/EditLogicBlock/EditLogicBlock.tsx
@@ -122,7 +122,7 @@ export const EditLogicBlock = ({
       <Stack
         divider={<EditConditionBlockDivider />}
         direction="column"
-        py="1.5rem"
+        pb="1.5rem"
         px={{ base: '1.5rem', md: '2rem' }}
       >
         {logicConditionBlocks.map((block, index) => {