Merge pull request #589 from Budibase/components-hierarchy-actions-ui-fix

Components hierarchy actions UI fix

AUTHORS.md

@@ -5,3 +5,5 @@ Contributors
 * Daniel Loudon - [@danbudi](https://github.com/marblekirby)
 * Joe  - [@joebudi](https://github.com/joebudi)
 * Martin McKeaveney - [@shogunpurple](https://github.com/shogunpurple)
+* Andrew Kingston - [@aptkingston](https://github.com/aptkingston)
+* Michael Drury - [@mike12345567](https://github.com/mike12345567)

packages/builder/src/components/userInterface/ComponentDropdownMenu.svelte

@@ -195,6 +195,16 @@
     cursor: pointer;
   }
 
+  button {
+    border-style: none;
+    border-radius: 2px;
+    padding: 0;
+    background: transparent;
+    cursor: pointer;
+    color: var(--ink);
+    outline: none;
+  }
+
   li:hover {
     background-color: var(--grey-2);
   }

packages/builder/src/components/userInterface/ComponentsHierarchy.svelte

@@ -109,10 +109,10 @@
 
   .dropdown-menu {
     display: none;
-    height: 24px;
-    width: 24px;
     color: var(--ink);
-    padding: 0px 5px;
+    padding: 0 5px;
+    width: 24px;
+    height: 24px;
     border-style: none;
     background: rgba(0, 0, 0, 0);
     cursor: pointer;

packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte

@@ -204,10 +204,10 @@
 
   .actions {
     display: none;
-    height: 24px;
-    width: 24px;
     color: var(--ink);
-    padding: 0px 5px;
+    padding: 0 5px;
+    width: 24px;
+    height: 24px;
     border-style: none;
     background: rgba(0, 0, 0, 0);
     cursor: pointer;

packages/builder/src/components/userInterface/ScreenDropdownMenu.svelte

@@ -64,7 +64,7 @@
   .root button {
     border-style: none;
     border-radius: 2px;
-    padding: 5px;
+    padding: 0;
     background: transparent;
     cursor: pointer;
     color: var(--ink);