diff --git a/packages/node_modules/@node-red/editor-client/src/sass/palette.scss b/packages/node_modules/@node-red/editor-client/src/sass/palette.scss index f9a234dc5..ea4b06c52 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/palette.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/palette.scss @@ -119,10 +119,10 @@ } .red-ui-palette-node { - display: inline-block; + // display: inline-block; cursor: move; background: $secondary-background; - margin: 5px auto; + margin: 10px auto; height: 25px; border-radius: 5px; border: 1px solid $node-border; @@ -131,23 +131,16 @@ width: 120px; background-size: contain; position: relative; - &:first-child { - margin-top: 10px; + &:not(.red-ui-palette-node-config):first-child { + margin-top: 15px; } - &:last-child { - margin-bottom: 10px; + &:not(.red-ui-palette-node-config):last-child { + margin-bottom: 15px; } } .red-ui-palette-node:hover { - margin: 4px auto; - border-color: $node-selected-color; - border-width: 2px; - &:first-child { - margin-top: 9px; - } - &:last-child { - margin-bottom: 9px; - } + border-color: transparent; + box-shadow: 0 0 0 2px $node-selected-color; } .red-ui-palette-port { position: absolute; diff --git a/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss b/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss index 467ce8511..f88cbfd73 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss @@ -35,15 +35,8 @@ ul.red-ui-sidebar-node-config-list { overflow: hidden; &.selected { - margin: 4px auto; - border-color: $node-selected-color; - border-width: 2px; - &:first-child { - margin-top: 9px; - } - &:last-child { - margin-bottom: 9px; - } + border-color: transparent; + box-shadow: 0 0 0 2px $node-selected-color; } } .red-ui-palette-label {