Merge branch 'move-toolGroups' into 'master'

Move tool groups

See merge request !518

wax-questions-service/src/MatchingService/components/MatchingContainerComponent.js

@@ -12,6 +12,10 @@ const MatchingWrapper = styled.div`
   flex-direction: column;
   margin: 0px 38px 15px 38px;
   margin-top: 10px;
+
+  .ProseMirror-selectednode {
+    outline: none;
+  }
 `;
 
 const MatchingContainerTool = styled.div`

wax-questions-service/src/MultipleDropDownService/components/ContainerEditor.js

@@ -16,6 +16,7 @@ import FakeCursorPlugin from '../plugins/FakeCursorPlugin';
 
 const EditorWrapper = styled.div`
   position: relative;
+  height: 100%;
 
   > .ProseMirror {
     padding: 5px !important;

wax-questions-service/src/MultipleDropDownService/components/DropDownComponent.js

@@ -119,6 +119,7 @@ export default ({ setPosition, position }) => {
     const { from } = selection;
     const WaxSurface = activeView.dom.getBoundingClientRect();
     const start = activeView.coordsAtPos(from);
+    console.log(start, WaxSurface.top);
     const left = start.left - WaxSurface.left - 75;
     const top = start.top - WaxSurface.top + 25;
     setPosition({ ...position, left, top });

wax-questions-service/src/MultipleDropDownService/components/MultipleDropDownComponent.js

@@ -14,16 +14,14 @@ const activeStylesSvg = css`
 `;
 
 const StyledIconActionContainer = styled.span`
-  display: inline;
-  padding: 2px;
-  ${props => props.isActive && activeStylesContainer}
-`;
-
-const StyledIconAction = styled(Icon)`
+  display: inline-block;
   height: 24px;
   width: 24px;
   cursor: pointer;
+  ${props => props.isActive && activeStylesContainer}
+`;
 
+const StyledIconAction = styled(Icon)`
   ${props => props.isActive && activeStylesSvg}
 `;