From 5bccc23ef48cd3dd976e3016d705ef1adc5bc3ce Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Tue, 23 Aug 2022 19:13:40 +0100
Subject: [PATCH] Tidy up table block and remove unused styles

---
 packages/client/src/components/Block.svelte   |  1 -
 .../components/app/blocks/TableBlock.svelte   | 41 +------------------
 2 files changed, 1 insertion(+), 41 deletions(-)

diff --git a/packages/client/src/components/Block.svelte b/packages/client/src/components/Block.svelte
index c6b4edde5b..63255dcbd8 100644
--- a/packages/client/src/components/Block.svelte
+++ b/packages/client/src/components/Block.svelte
@@ -2,7 +2,6 @@
   import { getContext, onDestroy, onMount, setContext } from "svelte"
   import { builderStore } from "stores/builder.js"
   import { blockStore } from "stores/blocks.js"
-  import { Button } from "@budibase/bbui"
 
   const component = getContext("component")
 
diff --git a/packages/client/src/components/app/blocks/TableBlock.svelte b/packages/client/src/components/app/blocks/TableBlock.svelte
index 1de95940ff..e34a8fb29d 100644
--- a/packages/client/src/components/app/blocks/TableBlock.svelte
+++ b/packages/client/src/components/app/blocks/TableBlock.svelte
@@ -2,7 +2,6 @@
   import { getContext } from "svelte"
   import Block from "components/Block.svelte"
   import BlockComponent from "components/BlockComponent.svelte"
-  import { Heading } from "@budibase/bbui"
   import { makePropSafe as safe } from "@budibase/string-templates"
   import { enrichSearchColumns, enrichFilter } from "utils/blocks.js"
 
@@ -30,7 +29,6 @@
   export let titleButtonPeek
 
   const { fetchDatasourceSchema, styleable } = getContext("sdk")
-  const context = getContext("context")
   const component = getContext("component")
 
   let formId
@@ -126,7 +124,7 @@
                     text: titleButtonText,
                     type: "cta",
                   }}
-                  order={3}
+                  order={enrichedSearchColumns?.length ?? 0}
                 />
               {/if}
             </BlockComponent>
@@ -168,40 +166,3 @@
     </div>
   </Block>
 {/if}
-
-<style>
-  .controls :global(.spectrum-InputGroup .spectrum-InputGroup-input) {
-    width: 100%;
-  }
-
-  .search {
-    flex: 0 1 auto;
-    gap: 10px;
-    max-width: 100%;
-    display: grid;
-    grid-template-columns: repeat(var(--cols), minmax(120px, 200px));
-  }
-  .search :global(.spectrum-InputGroup) {
-    min-width: 0;
-  }
-
-  /* Mobile styles */
-  .mobile {
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: stretch;
-  }
-  .mobile .controls {
-    flex-direction: column-reverse;
-    justify-content: flex-start;
-    align-items: stretch;
-  }
-  .mobile .search {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: stretch;
-    position: relative;
-    width: 100%;
-  }
-</style>