From 6d139df790233a0ef2b9100074b99498fd1d088f Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Sun, 29 Jan 2017 20:59:21 +0200
Subject: [PATCH] Minor redoc-search ui-fixes

---
 lib/components/Search/redoc-search.html |  5 ++++-
 lib/components/Search/redoc-search.scss | 13 ++++++++++++-
 lib/components/Search/redoc-search.ts   |  5 ++++-
 yarn.lock                               |  4 ++++
 4 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/lib/components/Search/redoc-search.html b/lib/components/Search/redoc-search.html
index f5e5a6e6..ec09ddac 100644
--- a/lib/components/Search/redoc-search.html
+++ b/lib/components/Search/redoc-search.html
@@ -1,4 +1,7 @@
 <div class="search-input-wrap">
+  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+    <path d="M968.2,849.4L667.3,549c83.9-136.5,66.7-317.4-51.7-435.6C477.1-25,252.5-25,113.9,113.4c-138.5,138.3-138.5,362.6,0,501C219.2,730.1,413.2,743,547.6,666.5l301.9,301.4c43.6,43.6,76.9,14.9,104.2-12.4C981,928.3,1011.8,893,968.2,849.4z M524.5,522c-88.9,88.7-233,88.7-321.8,0c-88.9-88.7-88.9-232.6,0-321.3c88.9-88.7,233-88.7,321.8,0C613.4,289.4,613.4,433.3,524.5,522z"/>
+  </svg>
   <input #search (keyup)="update(search.value)" placeholder="Search">
 </div>
 <ul class="search-results" [hidden]="!items.length">
@@ -6,5 +9,5 @@
     ngClass="menu-item-depth-{{item.menuItem.depth}} {{item.menuItem.ready ? '' : 'disabled'}}"
     (click)="clickSearch(item)">
     {{item.menuItem.name}}
-  <li>
+  </li>
 </ul>
diff --git a/lib/components/Search/redoc-search.scss b/lib/components/Search/redoc-search.scss
index 3a60c023..19bee15a 100644
--- a/lib/components/Search/redoc-search.scss
+++ b/lib/components/Search/redoc-search.scss
@@ -7,12 +7,23 @@
 
 .search-input-wrap {
   padding: 0 20px;
+
+  > svg {
+    width: 13px;
+    height: 27px;
+    display: inline-block;
+    position: absolute;
+
+    path {
+      fill: lighten($text-color, 20%);
+    }
+  }
 }
 
 input {
   width: 100%;
   box-sizing: border-box;
-  padding: 5px;
+  padding: 5px 5px 5px 20px;
 
   border: 0;
   border-bottom: 1px solid darken($side-bar-bg-color, 10%);
diff --git a/lib/components/Search/redoc-search.ts b/lib/components/Search/redoc-search.ts
index ba8fe25e..03d6806d 100644
--- a/lib/components/Search/redoc-search.ts
+++ b/lib/components/Search/redoc-search.ts
@@ -19,7 +19,10 @@ export class RedocSearch implements OnInit {
     private marker: Marker,
     public search: SearchService,
     public menu: MenuService) {
-    this._subscription = menu.changed.subscribe(() => cdr.detectChanges());
+    this._subscription = menu.changed.subscribe(() => {
+      cdr.markForCheck();
+      cdr.detectChanges();
+    });
   }
 
   init() {
diff --git a/yarn.lock b/yarn.lock
index 25d52fea..57bc1569 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -70,6 +70,10 @@
   version "8.1.30"
   resolved "https://registry.yarnpkg.com/@types/should/-/should-8.1.30.tgz#e6b4f3ca4fb0799f6ce3303f3a8c003df6585aa3"
 
+"@types/swagger-schema-official@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@types/swagger-schema-official/-/swagger-schema-official-2.0.0.tgz#cae62749be28b97c8f15ce338140fbea905acd58"
+
 abbrev@1, abbrev@1.0.x:
   version "1.0.9"
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.0.9.tgz#91b4792588a7738c25f35dd6f63752a2f8776135"