fix: padding for props-table actionbar

ccontrols · Jun 18, 2020 · b68ff6c · b68ff6c
1 parent 99c25f1
commit b68ff6c
Showing 1 changed file with 13 additions and 12 deletions.
diff --git a/ui/blocks/src/PropsTable/BasePropsTable.tsx b/ui/blocks/src/PropsTable/BasePropsTable.tsx
@@ -304,7 +304,18 @@ export const BasePropsTable: FC<BasePropsTableProps> = ({
       onChange={onChange}
       onClick={onClick}
     >
-      <Table {...groupProps} {...tableProps} columns={columns} data={rows} />
+      <Table
+        {...groupProps}
+        {...tableProps}
+        columns={columns}
+        data={rows}
+        sx={{
+          th: {
+            //some space for the action bar
+            pt: 4,
+          },
+        }}
+      />
     </ConrolsContextProvider>
   );
   const actions: ActionItems = [];
@@ -352,15 +363,5 @@ export const BasePropsTable: FC<BasePropsTableProps> = ({
       storyId: story?.id,
     }),
   );
-  return (
-    <ActionContainer actions={actions}>
-      <Box
-        sx={{
-          pt: 4,
-        }}
-      >
-        {table}
-      </Box>
-    </ActionContainer>
-  );
+  return <ActionContainer actions={actions}>{table}</ActionContainer>;
 };