sidebar finished

app/components/SimpleEditor/SimpleEditor.scss

@@ -84,7 +84,7 @@ $active-blue: #4a90e2;
     }
 
     .sm-target-text {
-      bottom: 5px;
+      // bottom: 5px;
       height: 100%;
       padding: 0;
       position: relative;
@@ -92,6 +92,7 @@ $active-blue: #4a90e2;
       .sc-switch-text-type {
         margin-left: 1px;
         width: 150px;
+        bottom: 5px;
         button {
           color: $transparent-black;
           height: inherit;
@@ -108,8 +109,10 @@ $active-blue: #4a90e2;
         }
 
         .se-options {
-          top: 36px;
-          background-color: #E8E8E8;
+          background: transparent;
+          border: 0;
+          box-shadow: none;
+          top: 27px;
         }
 
         .se-option {
@@ -232,17 +235,28 @@ $active-blue: #4a90e2;
     margin-top: 1px;
 
     .sidenav {
-    height: 270px;
-    width: 150px;
-    position: fixed;
-    z-index: 1;
-    top: 0;
-    left: 0;
-    background-color: #e8e8e8;
-    overflow-x: hidden;
-    transition: 0.5s;
-    margin-top: 256px;
-    box-shadow: 0 0 12px $dark-gray;
+      background-color: #e8e8e8;
+      // box-shadow: 0 0 12px $dark-gray;
+      height: 100%;
+      left: 0;
+      margin-top: 148px;
+      overflow-x: hidden;
+      position: fixed;
+      top: 0;
+      width: 150px;
+      z-index: 1;
+    .sc-toolbar {
+      border: 0;
+      .sc-tool-group {
+        background-color: #ccc;
+        .se-toggle:after {
+          display: none;
+        }
+      }
+      .se-options button {
+        text-align: left;
+      }
+    }
 }
   }