improve annotation css

static/css/oml.css

@@ -30,3 +30,12 @@
 .OMLAnnotation.selected .OxPlaceholder {
     display: block;
 }
+
+.OxThemeOxlight .OxAnnotationFolder .OxArrayEditable .OxEditableElement.OxEditable.OxSelected,
+.OxThemeOxlight .OxAnnotationFolder .OxArrayEditableTextarea .OxEditableElement.OxEditable.OxEditing,
+.OxThemeOxlight .OxAnnotationFolder .OxEditableElement textarea {
+    background-color: transparent
+}
+.OxAnnotationFolder div.OxInput {
+    background-image: none;
+}

static/js/annotation.js

@@ -30,7 +30,6 @@ oml.ui.annotation = function(annotation, $iframe) {
         placeholder: 'Add note',
         type: 'textarea'
     }).css({
-        margin: '2px',
         minHeight: '12px'
     }).bindEvent({
         doubleclick: addNote,

static/js/annotationFolder.js

@@ -1,7 +1,7 @@
 oml.ui.annotationFolder = function() {
 
     var ui = oml.user.ui,
-        that = Ox.Element().css({
+        that = Ox.Element().addClass('OxAnnotationFolder').css({
             overflowY: 'auto',
             overflowX: 'hidden',
         });