Update file produces/consumes look

lib/components/JsonSchema/json-schema-common.scss

@@ -87,6 +87,11 @@ $sub-schema-offset: ($bullet-size/2) + $bullet-margin;
   display: inline-block;
 }
 
+.param-type-file {
+  font-weight: bold;
+  text-transform: capitalize;
+}
+
 /* tree */
 
 // Bullet

lib/components/JsonSchema/json-schema.html

@@ -1,10 +1,14 @@
 <span *ngIf="schema.isFile" class="param-wrap">
-  <span class="param-file">file</span>
+  <span class="param-type-file">file</span>
   <div *ngIf="schema._produces && !isRequestSchema" class="file produces">
-    Produces: {{ schema._produces | json }}
+    <ul>
+      <li *ngFor="let type of schema._produces">{{type}}</li>
+    </ul>
   </div>
   <div *ngIf="schema._consumes && isRequestSchema" class="file consume">
-    Consumes: {{ schema._consumes | json }}
+    <ul>
+      <li *ngFor="let type of schema._consumes">{{type}}</li>
+    </ul>
   </div>
 </span>
 <span *ngIf="schema.isTrivial && !schema.isFile" class="param-wrap">

lib/components/JsonSchema/json-schema.scss

@@ -180,31 +180,16 @@ $array-marker-line-height: 1.5;
   }
 }
 
-ul {
-  text-align: left;
+ul, li {
   margin: 0;
-  padding: 0;
-  display: block;
 }
 
-li {
-  margin: 0.5em 0.3em 0.2em 0;
-  font-family: $headers-font, $headers-font-family;
-  font-size: .929em;
-  line-height: .929em;
-  border: 0;
-  color: white;
-  padding: 2px 8px 4px 8px;
-  border-radius: $border-radius;
-  background-color: rgba($black, 0.3);
-  display: inline-block;
-  cursor: pointer;
-
-  &:last-of-type {
-    margin-right: 0;
-  }
-
-  &.active {
-    background-color: $primary-color;
-  }
+ul {
+  list-style: none;
+  padding-left: 1em;
+}
+
+li:before {
+  content: "- ";
+  font-weight: bold;
 }