From b25a8ff0ca9e5cb80023ae31e8f7b3cdf990951d Mon Sep 17 00:00:00 2001 From: Andrew Kingston Date: Mon, 19 Apr 2021 14:11:46 +0100 Subject: [PATCH] Update drawer bindable input styles --- .../common/DrawerBindableInput.svelte | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/packages/builder/src/components/common/DrawerBindableInput.svelte b/packages/builder/src/components/common/DrawerBindableInput.svelte index fecce0705b..7e4ce762f8 100644 --- a/packages/builder/src/components/common/DrawerBindableInput.svelte +++ b/packages/builder/src/components/common/DrawerBindableInput.svelte @@ -65,18 +65,19 @@ } .icon { - right: 2px; - top: 2px; - bottom: 2px; + right: 1px; + top: 1px; + bottom: 1px; position: absolute; align-items: center; display: flex; box-sizing: border-box; - padding-left: 7px; - border-left: 1px solid var(--grey-4); - background-color: var(--grey-2); - border-top-right-radius: var(--border-radius-m); - border-bottom-right-radius: var(--border-radius-m); + padding-left: 4px; + padding-right: 2px; + border-left: 1px solid var(--spectrum-alias-border-color); + background-color: var(--spectrum-global-color-gray-50); + border-top-right-radius: var(--spectrum-alias-border-radius-regular); + border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); color: var(--grey-7); font-size: 14px; }