💄 Storybook: Added bottom margin to Table header (#2670)

equinor · Nov 24, 2022 · 8872904 · 8872904
1 parent a3bb4bc
commit 8872904
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/packages/eds-core-react/src/components/Table/Table.stories.tsx b/packages/eds-core-react/src/components/Table/Table.stories.tsx
@@ -44,7 +44,9 @@ export const introduction: Story<TableProps> = (args) => {
   return (
     <Table {...args}>
       <Table.Caption>
-        <Typography variant="h2">Fruits cost price</Typography>
+        <Typography variant="h2" style={{ marginBottom: '16px' }}>
+          Fruits cost price
+        </Typography>
       </Table.Caption>
       <Table.Head>
         <Table.Row>
@@ -83,7 +85,9 @@ export const FixedTableHeader: Story<TableProps> = () => {
     <div style={{ height: '200px', overflow: 'auto', display: 'grid' }}>
       <Table>
         <Table.Caption>
-          <Typography variant="h2">Fruits cost price</Typography>
+          <Typography variant="h2" style={{ marginBottom: '16px' }}>
+            Fruits cost price
+          </Typography>
         </Table.Caption>
         <Table.Head sticky>
           <Table.Row>
@@ -187,7 +191,9 @@ export const CompactTable: Story<TableProps> = () => {
       <EdsProvider density={density}>
         <Table>
           <Table.Caption>
-            <Typography variant="h2">Fruits cost price</Typography>
+            <Typography variant="h2" style={{ marginBottom: '16px' }}>
+              Fruits cost price
+            </Typography>
           </Table.Caption>
           <Table.Head>
             <Table.Row>
@@ -303,7 +309,9 @@ export const Sortable: Story<TableProps> = () => {
   return (
     <Table>
       <Table.Caption>
-        <Typography variant="h2">Fruits cost price</Typography>
+        <Typography variant="h2" style={{ marginBottom: '16px' }}>
+          Fruits cost price
+        </Typography>
       </Table.Caption>
       <Table.Head>
         <Table.Row>