From 9ac5f603383dbbba39e1caa2cd91cdffbb6d4704 Mon Sep 17 00:00:00 2001
From: Peter Clement <peter@budibase.com>
Date: Tue, 15 Aug 2023 11:55:33 +0100
Subject: [PATCH] fix column alignment for first column in table

---
 .../src/components/grid/layout/NewColumnButton.svelte          | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/frontend-core/src/components/grid/layout/NewColumnButton.svelte b/packages/frontend-core/src/components/grid/layout/NewColumnButton.svelte
index 069e2ce1af..6b20a1bc46 100644
--- a/packages/frontend-core/src/components/grid/layout/NewColumnButton.svelte
+++ b/packages/frontend-core/src/components/grid/layout/NewColumnButton.svelte
@@ -11,6 +11,7 @@
     (total, col) => (total += col.width),
     0
   )
+  $: console.log($renderedColumns)
   $: end = $hiddenColumnsWidth + columnsWidth - 1 - $scroll.left
   $: left = Math.min($width - 40, end)
 
@@ -32,7 +33,7 @@
 <Popover
   bind:open
   {anchor}
-  align="right"
+  align={$renderedColumns.length ? "right" : "left"}
   offset={0}
   popoverTarget={document.getElementById(`add-column-button`)}
   animate={false}