From 3ac72ec42b3b4c85168f373c709d7dcc1aefc4b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Fri, 23 Apr 2021 12:34:56 +0200
Subject: [PATCH] more remix replacements

---
 .../LayoutDropdownMenu.svelte                 | 26 +++++++++----------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/packages/builder/src/components/design/NavigationPanel/ComponentNavigationTree/LayoutDropdownMenu.svelte b/packages/builder/src/components/design/NavigationPanel/ComponentNavigationTree/LayoutDropdownMenu.svelte
index a356ea27b0..cd340dce95 100644
--- a/packages/builder/src/components/design/NavigationPanel/ComponentNavigationTree/LayoutDropdownMenu.svelte
+++ b/packages/builder/src/components/design/NavigationPanel/ComponentNavigationTree/LayoutDropdownMenu.svelte
@@ -2,7 +2,7 @@
   import { store } from "builderStore"
   import { notifications } from "@budibase/bbui"
   import ConfirmDialog from "components/common/ConfirmDialog.svelte"
-  import { Popover, Modal, ModalContent, Input } from "@budibase/bbui"
+  import { Icon, Popover, Modal, ModalContent, Input } from "@budibase/bbui"
   import { DropdownContainer, DropdownItem } from "components/common/Dropdowns"
   import { cloneDeep } from "lodash/fp"
 
@@ -35,42 +35,40 @@
   }
 </script>
 
-<div bind:this={anchor} on:click|stopPropagation>
+<div bind:this={anchor}>
   <div class="icon" on:click={() => dropdown.show()}>
-    <i class="ri-more-line" />
+    <Icon name="MoreSmallList" />
   </div>
   <Popover bind:this={dropdown} {anchor} align="left">
     <DropdownContainer>
       <DropdownItem
         icon="ri-pencil-line"
         title="Edit"
-        on:click={() => editLayoutNameModal.show()} />
+        on:click={() => editLayoutNameModal.show()}
+      />
       <DropdownItem
         icon="ri-delete-bin-line"
         title="Delete"
-        on:click={() => confirmDeleteDialog.show()} />
+        on:click={() => confirmDeleteDialog.show()}
+      />
     </DropdownContainer>
   </Popover>
 </div>
 <ConfirmDialog
   bind:this={confirmDeleteDialog}
   title="Confirm Deletion"
-  body={'Are you sure you wish to delete this layout?'}
+  body={"Are you sure you wish to delete this layout?"}
   okText="Delete Layout"
-  onOk={deleteLayout} />
+  onOk={deleteLayout}
+/>
 
 <Modal bind:this={editLayoutNameModal}>
   <ModalContent
     title="Edit Layout Name"
     confirmText="Save"
     onConfirm={saveLayout}
-    disabled={!name}>
+    disabled={!name}
+  >
     <Input thin type="text" label="Name" bind:value={name} />
   </ModalContent>
 </Modal>
-
-<style>
-  .icon i {
-    font-size: 16px;
-  }
-</style>