css fix

editors/editoria/src/layout/EditorElements.js

@@ -413,17 +413,21 @@ export default css`
     color: #006f19;
   }
 
+  custom-tag-block {
+    display: block;
+    margin-top: 1em;
+  }
+
   custom-tag-block:before {
     color: #006f19;
-    content: '"';
+    content: '|';
     display: inline;
     font-weight: 600;
-    margin-left: 0;
   }
 
   custom-tag-block:after {
     color: #006f19;
-    content: '"';
+    content: '|';
     display: inline;
     font-weight: 600;
   }

wax-prosemirror-components/src/components/customtag/CustomTagInlineOverlayCompoment.js

@@ -11,7 +11,6 @@ import { grid, th } from '@pubsweet/ui-toolkit';
 import { WaxContext } from 'wax-prosemirror-core';
 import { DocumentHelpers } from 'wax-prosemirror-utilities';
 import { v4 as uuidv4 } from 'uuid';
-
 import Icon from '../../helpers/Icon';
 
 const IconRemove = styled(Icon)`

wax-prosemirror-components/src/ui/tabs/BlockLevelTools.js

@@ -8,7 +8,7 @@ const Wrapper = styled.div`
   padding: 8px;
 
   > div:not(:last-child) {
-    margin-bottom: 20px;
+    margin-bottom: 10px;
   }
 `;