diff --git a/packages/builder/src/budibase.css b/packages/builder/src/budibase.css index 8de82530b1..0db3e2fec7 100644 --- a/packages/builder/src/budibase.css +++ b/packages/builder/src/budibase.css @@ -127,4 +127,30 @@ align-items: center; justify-content: center; font-size: 20px; -} \ No newline at end of file +} + +/* Table styles */ +.bb-table { + border-collapse: collapse; + border-spacing: 0; + width: 100%; + margin-bottom: var(--spacing-xl); +} + +* + .bb-table { + margin-top: var(--spacing-xl) +} + +.bb-table th { + padding: var(--spacing-l) var(--spacing-m); + text-align: left; + vertical-align: bottom; +} + +.bb-table td { + padding: var(--spacing-l) var(--spacing-m); + vertical-align: top; +} + +.bb-table td > :last-child { margin-bottom: 0; } + diff --git a/packages/builder/src/components/database/DataTable/ModelDataTable.svelte b/packages/builder/src/components/database/DataTable/ModelDataTable.svelte index 25f9c1e78e..af99b2bada 100644 --- a/packages/builder/src/components/database/DataTable/ModelDataTable.svelte +++ b/packages/builder/src/components/database/DataTable/ModelDataTable.svelte @@ -63,7 +63,7 @@ {/if} - +
diff --git a/packages/builder/src/components/database/DataTable/Table.svelte b/packages/builder/src/components/database/DataTable/Table.svelte index 8bfdebc2e1..6e56e28a4a 100644 --- a/packages/builder/src/components/database/DataTable/Table.svelte +++ b/packages/builder/src/components/database/DataTable/Table.svelte @@ -43,7 +43,7 @@ - +
{#each columns as header} diff --git a/packages/builder/src/global.css b/packages/builder/src/global.css index deac83ce49..579ecdd8ba 100644 --- a/packages/builder/src/global.css +++ b/packages/builder/src/global.css @@ -96,6 +96,8 @@ textarea { cursor: pointer; } +/* Top bottom spacing */ + .bb-margin-m { margin-bottom: var(--spacing-m); }