configurable search in connections

packages/web/src/buttons/DropDownButton.svelte

@@ -8,12 +8,13 @@
   export let icon = 'icon chevron-down';
   export let menu;
   export let narrow = false;
+  export let square = true;
   export let disabled = false;
   let domButton;
 
   function handleClick() {
     if (disabled) return;
-    
+
     const rect = domButton.getBoundingClientRect();
     const left = rect.left;
     const top = rect.bottom;
@@ -21,6 +22,6 @@
   }
 </script>
 
-<InlineButton square {narrow} on:click={handleClick} bind:this={domButton} {disabled}>
+<InlineButton {square} {narrow} on:click={handleClick} bind:this={domButton} {disabled}>
   <FontIcon {icon} />
 </InlineButton>