isolated note

app/components/SimpleEditor/elements/comment/CommentBubble.js

@@ -61,10 +61,9 @@ class CommentBubble extends Tool {
         documentElement = temp[0]
         const children = temp[0].children
         overlayContainer = children[1]
-        fix = 357
       }
 
-      const documentElementWidth = documentElement.offsetWidth
+      const documentElementWidth = documentElement.offsetWidth / 1.5
       const overlayContainerLeft = overlayContainer.offsetLeft
       const left = documentElementWidth - overlayContainerLeft - fix
 

app/components/SimpleEditor/notesEditor/notesEditor.scss

@@ -30,6 +30,22 @@ $background: #fff;
        min-height: 110px;
        padding: 3% 0 0 3%;
 
+       .sc-isolated-node,
+       .sc-isolated-node.sm-default-style.sm-selected,
+       .sc-isolated-node.sm-default-style.sm-co-selected,
+       .sc-isolated-node.sm-default-style.sm-focused {
+         border-bottom: 0 ;
+         outline: none;
+         padding: 0 0 8px 5px;
+       }
+
+       .sc-isolated-node .sc-text-property::before {
+        content: ''counter(note-footer)'. ';
+        counter-increment: note-footer;
+        left: -40px;
+        position: absolute;
+        }
+
        .sc-container-editor {
          padding: 0;
        }

app/components/SimpleEditor/panes/Notes/notes.scss

@@ -24,18 +24,4 @@ $light-blue: #e4f0ff;
     top: -14px;
     width: 100%;
    }
-   .sc-isolated-node,
-   .sc-isolated-node.sm-default-style.sm-selected,
-   .sc-isolated-node.sm-default-style.sm-co-selected {
-     border: 4px solid $light-blue ;
-     outline: none;
-     padding: 0 0 8px 5px;
-   }
-
-   .sc-isolated-node .sc-text-property::before {
-    content: ''counter(note-footer)'. ';
-    counter-increment: note-footer;
-    left: -40px;
-    position: absolute;
-    }
   }