diff --git a/app/components/SimpleEditor/SimpleEditor.scss b/app/components/SimpleEditor/SimpleEditor.scss index bb96c7b43fd6ac93067c5038dcc36a5484a35e3f..a9115c48c49e4a1deba080ffdc348379e04c1217 100644 --- a/app/components/SimpleEditor/SimpleEditor.scss +++ b/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 { diff --git a/app/components/SimpleEditor/css/toolBar.scss b/app/components/SimpleEditor/css/toolBar.scss index 469d6061ef052bf85310ac0c8ec8cf242d3646c8..f94ee6b48517f8df5a839b11327ef08f4e8e6863 100644 --- a/app/components/SimpleEditor/css/toolBar.scss +++ b/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; + } } }