From 2b11a9df38d8ea8389f5d8a0a49d9bbf0741f09b Mon Sep 17 00:00:00 2001
From: mike12345567 <me@michaeldrury.co.uk>
Date: Wed, 9 Sep 2020 09:44:24 +0100
Subject: [PATCH] Fixing component button styles, making all component dropdown
 menus buttons have the correct styling across the board.

---
 .../userInterface/ComponentDropdownMenu.svelte         | 10 ++++++++++
 .../userInterface/ComponentsHierarchy.svelte           |  4 +++-
 .../userInterface/ComponentsHierarchyChildren.svelte   |  4 +++-
 .../components/userInterface/ScreenDropdownMenu.svelte |  2 +-
 4 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/packages/builder/src/components/userInterface/ComponentDropdownMenu.svelte b/packages/builder/src/components/userInterface/ComponentDropdownMenu.svelte
index 1c2f1d58cc..581bee5ef0 100644
--- a/packages/builder/src/components/userInterface/ComponentDropdownMenu.svelte
+++ b/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);
   }
diff --git a/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte b/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
index d688674544..b907a2dbca 100644
--- a/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
+++ b/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
@@ -110,7 +110,9 @@
   .dropdown-menu {
     display: none;
     color: var(--ink);
-    padding: 0px 5px;
+    padding: 0 5px;
+    width: 24px;
+    height: 24px;
     border-style: none;
     background: rgba(0, 0, 0, 0);
     cursor: pointer;
diff --git a/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte b/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
index b9bd5c4cbc..d9c619fae3 100644
--- a/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
+++ b/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
@@ -205,7 +205,9 @@
   .actions {
     display: none;
     color: var(--ink);
-    padding: 0px 5px;
+    padding: 0 5px;
+    width: 24px;
+    height: 24px;
     border-style: none;
     background: rgba(0, 0, 0, 0);
     cursor: pointer;
diff --git a/packages/builder/src/components/userInterface/ScreenDropdownMenu.svelte b/packages/builder/src/components/userInterface/ScreenDropdownMenu.svelte
index 7c32f03a6f..111336bcfe 100644
--- a/packages/builder/src/components/userInterface/ScreenDropdownMenu.svelte
+++ b/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);