From 7ae42c8491501614ed53177a763b41e6f2b57382 Mon Sep 17 00:00:00 2001
From: Alexandros Georgantas <alexgeorg86@gmail.com>
Date: Mon, 8 May 2017 15:00:22 +0300
Subject: [PATCH] Positioning corrections of toolbar and view only mode

---
 app/components/SimpleEditor/SimpleEditor.scss | 11 -----------
 app/components/SimpleEditor/css/toolBar.scss  | 10 +++++++++-
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/app/components/SimpleEditor/SimpleEditor.scss b/app/components/SimpleEditor/SimpleEditor.scss
index bb96c7b..a9115c4 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 469d606..f94ee6b 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;
+  }
 }
 }
-- 
GitLab