diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Option.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Option.tsx index 9f3cc9682a..8a48609f6e 100644 --- a/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Option.tsx +++ b/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Option.tsx @@ -12,7 +12,7 @@ const Option: React.FC = (props) => { const href = ""; - let background = "#F9F8F8"; // no flag color + let background = "#666"; // no flag color let color = "#000"; try { const flag = flatFlags.find(({ value }) => diff --git a/editor.planx.uk/src/pages/FlowEditor/floweditor.scss b/editor.planx.uk/src/pages/FlowEditor/floweditor.scss index 4fb9b2aa04..6a12a3cce1 100644 --- a/editor.planx.uk/src/pages/FlowEditor/floweditor.scss +++ b/editor.planx.uk/src/pages/FlowEditor/floweditor.scss @@ -1,5 +1,4 @@ $black: #0b0c0c; -$lineColor: #d0d0d0; $nodeBorder: $black; $optionBorder: #b1b4b6; $hangerBackground: #f2f2f2; @@ -184,8 +183,8 @@ $pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAA background-image: linear-gradient( 90deg, $optionBorder, - $optionBorder 50%, - transparent 50%, + $optionBorder 40%, + transparent 40%, transparent 100% ); background-size: 12px 2px; @@ -411,7 +410,7 @@ $pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAA bottom: -$nodeBorderWidth; width: 0; height: 0; - border-top: 12px solid $nodeBorder; + border-top: 12px solid #555; border-right: 12px solid transparent; } }