Css fixes and improvements

public/jsoneditor.css

@@ -3,6 +3,7 @@
   overflow: auto;
   height: 100%;
   min-height: 150px;
+  padding: 2px 0;
 }
 
 .jsoneditor-node {
@@ -27,19 +28,26 @@ ul.jsoneditor-list {
 }
 
 .jsoneditor-field,
-.jsoneditor-value {
+.jsoneditor-value,
+.jsoneditor-readonly {
   min-width: 24px;
-  border: 1px solid transparent;
   border-radius: 2px;
   word-break: break-word;
+
+  font-family: droid sans mono, consolas, monospace, courier new, courier, sans-serif;
+  font-size: 10pt;
+  color: #1A1A1A;
+  outline: none;
 }
 
 .jsoneditor-field:focus,
-.jsoneditor-value:focus,
+.jsoneditor-value:focus {
+  box-shadow: 0 0 3px 1px #008fd5;
+}
+
 .jsoneditor-field:hover,
 .jsoneditor-value:hover {
-  background-color: #FFFFAB;
-  border-color: #ff0;
+  background-color: #f5f5f5;
 }
 
 .jsoneditor-separator {

src/JSONNode.js

@@ -93,7 +93,7 @@ export default class JSONNode extends Component {
 
   renderField (field, parent, onChangeField) {
     const hasParent = parent !== null
-    const content = hasParent ? escapeHTML(field) : 'value'
+    const content = hasParent ? escapeHTML(field) : valueType(this.props.value)
 
     return h('div', {
       class: 'jsoneditor-field' + (hasParent ? '' : ' jsoneditor-readonly'),

src/utils/parseJSON.js

@@ -10,7 +10,7 @@ export default function parseJSON(jsonString) {
   }
   catch (err) {
     // try to throw a more detailed error message using validate
-    exports.validate(jsonString)
+    validate(jsonString)
 
     // rethrow the original error
     throw err

src/utils/valueType.js

@@ -23,7 +23,7 @@ export default function valueType(value) {
   if (value instanceof RegExp) {
     return 'regexp'
   }
-  if (exports.isArray(value)) {
+  if (Array.isArray(value)) {
     return 'array'
   }