Giant fixups for the editors around the studio

cms/static/sass/elements/_modal-window.scss

@@ -15,7 +15,8 @@
     border-radius: ($baseline/5);
     background-color: $gray-l4;
     padding: 7px;
-    text-align: left;
+    @include text-align(left);
+    @include direction();
 
     .modal-content {
       position: relative;
@@ -214,7 +215,7 @@
         .editor-modes {
           width: 48%;
           display: inline-block;
-          text-align: right;
+          @include text-align(right);
 
           .action-item {
             display: inline-block;

cms/static/sass/views/_settings.scss

@@ -2,6 +2,8 @@
 // ====================
 
 .view-settings {
+  @include text-align(left);
+  @include direction();
 
   .content-primary, .content-supplementary {
     @include box-sizing(border-box);
@@ -908,6 +910,19 @@
           top: 4px; /* Vertical alignment for monospace font */
         }
 
+        .CodeMirror-scroll {
+          @include margin-left(-30px);
+          @include margin-right(0);
+
+          @include padding-left(30px);
+          @include padding-right(0);
+        }
+
+        .CodeMirror-vscrollbar {
+          @include left(0);
+          @include right(auto);
+        }
+
         // editor color changes just for JSON
         .CodeMirror-lines {