Add buffer mode to typedInput

editor/sass/editor.scss

@@ -282,16 +282,21 @@
         }
     }
 }
-.node-input-expression-legacy {
+.node-input-expression-legacy, .node-input-buffer-type {
+    font-size: 0.8em;
     float: left;
     cursor: pointer;
     border: 1px solid white;
-    padding: 0 5px;
+    padding: 2px 5px;
     border-radius: 2px;
     &:hover {
-        border-color: $primary-border-color;
+        border-color: $form-input-border-color;
     }
 }
+.node-input-buffer-type {
+    float: none;
+    text-align: right;
+}
 
 #clipboard-hidden {
     position: absolute;
@@ -318,3 +323,11 @@
         color: #999;
     }
 }
+
+.ace_read-only {
+    background: #eee !important;
+    .ace_cursor {
+       color: transparent !important;
+    }
+
+}

editor/sass/ui/common/typedInput.scss

@@ -35,7 +35,7 @@
     }
     input {
         width: 100%;
-        padding: 0 0 0 1px;
+        padding: 0 0 0 3px;
         margin:0;
         height: 32px;
         border:none;