Positioning corrections of toolbar and view only mode

app/components/SimpleEditor/SimpleEditor.scss

@@ -25,17 +25,6 @@ $white: #fff;
 .editor-wrapper {
   height: 90vh;
   position: relative;
-
-  // move to a new file toolbar.scss ??
-  .view-mode {
-    font-size: 14px;
-    position: absolute;
-    right: 0;
-    text-align: center;
-    top: 10px;
-    width: 20%;
-    z-index: 9999;
-  }
 }
 
 .sc-prose-editor {

app/components/SimpleEditor/css/toolBar.scss

@@ -12,7 +12,7 @@ $toolbar-active-bg: rgba(204, 204, 204, .75);
     .sc-toolbar {
       background-color: $white;
       border-right: 0;
-      max-width: 1200px;
+      margin-left: 18.6%;
       padding-left: 0;
       vertical-align: middle;
       width: 100%;
@@ -128,5 +128,13 @@ $toolbar-active-bg: rgba(204, 204, 204, .75);
   }
 
   } // End sc-toolbar
+  .view-mode {
+    font-size: 14px;
+    position: absolute;
+    right: 5.5%;
+    text-align: center;
+    top: 10px;
+    z-index: 9999;
+  }
 }
 }