diff --git a/frontend/src/styles/strategyEditor.css b/frontend/src/styles/strategyEditor.css index 189026c..6257d96 100644 --- a/frontend/src/styles/strategyEditor.css +++ b/frontend/src/styles/strategyEditor.css @@ -1139,12 +1139,6 @@ line-height: 16px; font-size: 14px; } -.se-flow-del--gate { - position: absolute; - top: 6px; - right: 6px; - z-index: 2; -} .se-flow-start-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--se-node-start-accent, var(--se-gold)); @@ -1153,10 +1147,17 @@ .se-flow-node--logic { position: relative; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; background: var(--se-node-logic-bg); border: 1px solid var(--se-gate-color, var(--se-accent)); - padding: 28px 16px 12px; + padding: 8px 28px 8px 12px; min-width: 110px; + min-height: 72px; + width: 200px; + box-sizing: border-box; box-shadow: 0 0 20px color-mix(in srgb, var(--se-accent) 20%, transparent); } .se-flow-node--logic.se-flow-node--sell-mode { @@ -1168,14 +1169,14 @@ display: flex; flex-direction: column; align-items: center; + justify-content: center; gap: 6px; - margin-top: 2px; + width: 100%; } .se-flow-gate-head { display: flex; align-items: center; justify-content: center; - margin-top: 2px; } .se-logic-gate-toggle { display: inline-flex; @@ -1273,6 +1274,13 @@ border-color: color-mix(in srgb, var(--se-danger) 72%, transparent); color: #fff; } +.se-flow-node--logic > .se-flow-del.se-flow-del--gate { + position: absolute; + top: 6px; + right: 6px; + left: auto; + z-index: 2; +} .se-flow-settings { border: none; background: rgba(0, 0, 0, 0.35); @@ -1463,6 +1471,8 @@ } .se-flow-node--stoch-pair { min-height: 88px; + justify-content: flex-start; + padding-top: 24px; } .se-flow-handle {