Fix spacing in SelectEditRenderer

4 years ago · c4dcd29dc3
1 changed files with 18 additions and 6 deletions
--- a/packages/bbui/src/Table/SelectEditRenderer.svelte
+++ b/packages/bbui/src/Table/SelectEditRenderer.svelte
@ -8,9 +8,21 @@
  export let allowEditRows = false
 </script>

-{#if allowSelectRows}
-  <Checkbox value={selected} />
-{/if}
-{#if allowEditRows}
-  <ActionButton size="S" on:click={onEdit}>Edit</ActionButton>
-{/if}
+<div>
+  {#if allowSelectRows}
+    <Checkbox value={selected} />
+  {/if}
+  {#if allowEditRows}
+    <ActionButton size="S" on:click={onEdit}>Edit</ActionButton>
+  {/if}
+</div>
+
+<style>
+  div {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+    gap: var(--spacing-m);
+  }
+</style>