track changes

app/components/SimpleEditor/elements/track_change/TrackChangeComponent.js

@@ -20,13 +20,9 @@ class TrackChangeComponent extends AnnotationComponent {
       .addClass('sc-track-item-reject')
       .on('click', this.reject)
 
-    const separator = $$('span')
-      .addClass('sc-track-item-separator')
-
     const container = $$('span')
       .addClass('sc-accept-reject-container')
       .append(accept)
-      .append(separator)
       .append(reject)
 
     if (this.shouldHideContainer()) {

app/components/SimpleEditor/elements/track_change/trackChange.scss

-$blue: #4a90e2;
+$blue: #4990e2;
 $red: #f00;
 $yellow: #f7f70c;
 
@@ -32,35 +32,26 @@ $yellow: #f7f70c;
 
 .sc-track-item-accept::after {
   color: $blue;
-  content: 'accept';
+  content: 'Accept';
   cursor: pointer;
   display: inline-flex;
   font-size: 14px;
   margin-left: -90px;
-  margin-top: 20px;
-  position: absolute;
-}
-
-.sc-track-item-separator::after {
-  color: $blue;
-  content: '/';
-  cursor: default;
-  display: inline-flex;
-  font-size: 14px;
-  margin-left: -45px;
-  margin-top: 20px;
+  margin-top: 18px;
   position: absolute;
+  text-decoration: underline;
 }
 
 .sc-track-item-reject::after {
   color: $blue;
-  content: 'reject';
+  content: 'Decline';
   cursor: pointer;
   display: inline-flex;
   font-size: 14px;
   margin-left: -35px;
-  margin-top: 20px;
+  margin-top: 18px;
   position: absolute;
+  text-decoration: underline;
 }
 
 .sm-target-track-change-enable {

app/components/SimpleEditor/panes/Comments/Comment.js

@@ -42,7 +42,7 @@ class Comment extends Component {
     return $$('div').addClass('single-comment-row')
       .append(
         entry,
-        resolveIconEl
+        // resolveIconEl
       )
   }