From bba35337e645f924f54822d3f73f3bf68238e8ac Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Tue, 13 Dec 2016 08:08:37 +0200
Subject: [PATCH] Use markdown for response description (fixes #158)

---
 lib/components/ResponsesList/responses-list.html | 2 +-
 lib/shared/components/Zippy/zippy.html           | 2 +-
 lib/shared/components/Zippy/zippy.scss           | 8 +++++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/lib/components/ResponsesList/responses-list.html b/lib/components/ResponsesList/responses-list.html
index 192b80f8..07e6579a 100644
--- a/lib/components/ResponsesList/responses-list.html
+++ b/lib/components/ResponsesList/responses-list.html
@@ -1,5 +1,5 @@
 <h2 class="responses-list-header" *ngIf="responses.length"> Responses </h2>
-<zippy *ngFor="let response of responses;trackBy:trackByCode" title="{{response.code}} {{response.description || marked}}"
+<zippy *ngFor="let response of responses;trackBy:trackByCode" [title]="response.code + ' ' + response.description | marked"
   [type]="response.type" [empty]="response.empty" (open)="lazySchema.load()">
   <div *ngIf="response.headers" class="response-headers">
     <header>
diff --git a/lib/shared/components/Zippy/zippy.html b/lib/shared/components/Zippy/zippy.html
index 5ba42121..f6c92aec 100644
--- a/lib/shared/components/Zippy/zippy.html
+++ b/lib/shared/components/Zippy/zippy.html
@@ -5,7 +5,7 @@
         <polygon points="17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 "/>
       </svg>
     </span>
-    {{title}}
+    <span class="zippy-title-content" [innerHtml]="title"> </span>
   </div>
   <div class="zippy-content">
     <ng-content></ng-content>
diff --git a/lib/shared/components/Zippy/zippy.scss b/lib/shared/components/Zippy/zippy.scss
index a72b7ef9..bed7cb7a 100644
--- a/lib/shared/components/Zippy/zippy.scss
+++ b/lib/shared/components/Zippy/zippy.scss
@@ -45,11 +45,15 @@ $zippy-redirect-bg-color: rgba($zippy-redirect-color, .08);
     color: $zippy-info-color;
     background-color: $zippy-info-bg-color;
   }
+
+  /deep/ p {
+    font-weight: normal;
+  }
 }
 
 .zippy-indicator svg {
   height: 1.2em;
-  vertical-align: middle;
+  vertical-align: top;
   transition: all 0.3s ease;
   transform: rotateZ(-180deg);
 }
@@ -81,6 +85,8 @@ span.zippy-indicator {
   font-size: 1.2em;
   text-align: center;
   display: inline-block;
+  float: left;
+  margin-right: 5px;
 }
 
 .zippy-content {