expandable again

still need padding fixes
numbered array items

Author: rueckstiess

src/document-list/document-list-item.jade

@@ -18,9 +18,14 @@ mixin jsarray(items)
 mixin jsproperty(key, value)
   - _type = getType(value)
   li(class='document-property #{_type.toLowerCase()}')
-    .document-property-header
-      if _type === 'Array' || _type === 'Object'
+    if _type === 'Array' || _type === 'Object'
+      .document-property-header
         .caret
+        if key
+          .document-property-key= key
+          |:   
+        +jsvalue(value, _type)    
+    else 
       if key
         .document-property-key= key
         |:

src/document-list/index.less

@@ -16,12 +16,10 @@ ol.document-list {
     margin-bottom: 10px;
     border-bottom: 1px solid @gray7;
 
+    // unstyled for top-level object
     > ol.document-property-body {
       .list-unstyled;
     }
-    ol.document-property-body > li.document-property-object > ol.document-property-body {
-      .list-unstyled;
-    }
 
     ol.document-property-body {
       display: block;
@@ -70,23 +68,24 @@ ol.document-list {
             display: inline-block;
           }
         }
-        ol.document-property.body {
+
+        ol.document-property-body {
           margin-left: 5px;
           padding-left: -5px;
           border-left: 1px dotted @gray5;
           display: none;
         }
-        ol.document-property.body  > a ~ ol {
-          padding-left: 12px;
-          display: none;
-        }
+        // ol.document-property-body  > a ~ ol {
+        //   padding-left: 12px;
+        //   display: none;
+        // }
         &.expanded {
           > .document-property-header {
             > .caret {
               .caret-down;
             }
           }
-          > ol.document-property.body {
+          > ol.document-property-body {
             display: block;
           }
         }