From fc96d51519a08b932bcbe5b614f255b800a3691d Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Thu, 11 Apr 2024 16:45:28 +0200
Subject: [PATCH] Fix grid

---
 .../frontend-core/src/components/FilterBuilder.svelte | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/frontend-core/src/components/FilterBuilder.svelte b/packages/frontend-core/src/components/FilterBuilder.svelte
index c7c0d45994..0972bd278c 100644
--- a/packages/frontend-core/src/components/FilterBuilder.svelte
+++ b/packages/frontend-core/src/components/FilterBuilder.svelte
@@ -218,7 +218,7 @@
           <div class="filter-label">
             <Label>Filters</Label>
           </div>
-          <div class="fields">
+          <div class="fields" class:with-bindings={allowBindings}>
             {#each filters.filter(filter => filter.operator !== "allOr" && !filter.onEmptyFilter) as filter}
               <Select
                 bind:value={filter.field}
@@ -288,14 +288,11 @@
               {/if}
               <div class="controls">
                 <Icon
-                  class
                   name="Duplicate"
                   hoverable
                   size="S"
                   on:click={() => duplicateFilter(filter.id)}
                 />
-              </div>
-              <div class="controls">
                 <Icon
                   name="Close"
                   hoverable
@@ -331,8 +328,12 @@
     align-items: center;
     grid-template-columns: 1fr 120px 1fr auto auto;
   }
+  .fields.with-bindings {
+    grid-template-columns: 1fr 120px 1fr auto auto auto;
+  }
+
   .controls {
-    display: content;
+    display: contents;
   }
 
   .container.mobile .fields {