diff --git a/lib/assets/remote_execution_cell/main.css b/lib/assets/remote_execution_cell/main.css index 984a225b..469b8574 100644 --- a/lib/assets/remote_execution_cell/main.css +++ b/lib/assets/remote_execution_cell/main.css @@ -67,7 +67,7 @@ button { .input--xs { width: auto; - max-width: 125px; + max-width: 100px; } .input--text { @@ -136,6 +136,7 @@ select.input { border: 1px solid var(--gray-200); outline: none; padding: 8px 12px 8px 42px; + max-width: 175px; } .input-icon:hover { @@ -168,9 +169,16 @@ select.input { .icon-container.inline { position: absolute; top: 1px; +} + +.icon-container.inline.md { left: 59px; } +.icon-container.inline.sm { + left: 46px; +} + .icon-container:hover { cursor: pointer; background-color: var(--gray-300); @@ -180,6 +188,7 @@ select.input { border: 1px solid var(--gray-200); outline: none; padding: 8px 12px 8px 42px; + max-width: 175px; } .input-icon.required { diff --git a/lib/assets/remote_execution_cell/main.js b/lib/assets/remote_execution_cell/main.js index df4a4433..17bea235 100644 --- a/lib/assets/remote_execution_cell/main.js +++ b/lib/assets/remote_execution_cell/main.js @@ -95,6 +95,10 @@ export function init(ctx, payload) { type: Boolean, default: false, }, + iconOffset: { + type: String, + default: "md", + }, }, methods: { @@ -115,14 +119,13 @@ export function init(ctx, payload) { }, template: ` -