From 7d146cac8706064bcd2cd4e92581e9381d0aa3de Mon Sep 17 00:00:00 2001
From: Patrik Braun <bra.patrik@gmail.com>
Date: Tue, 25 Jul 2017 21:16:57 +0200
Subject: [PATCH] improve search design

---
 .../gallery/search/search.gallery.component.css   |  1 +
 .../gallery/search/search.gallery.component.html  | 15 ++++++++++++---
 .../gallery/search/search.gallery.component.ts    |  1 -
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/frontend/app/gallery/search/search.gallery.component.css b/frontend/app/gallery/search/search.gallery.component.css
index 7969d40..ffd6d8a 100644
--- a/frontend/app/gallery/search/search.gallery.component.css
+++ b/frontend/app/gallery/search/search.gallery.component.css
@@ -27,6 +27,7 @@
   padding: 0 20px;
   line-height: 1.42857143;
   font-weight: 400;
+  display: block;
 }
 
 .autocomplete-item:hover {
diff --git a/frontend/app/gallery/search/search.gallery.component.html b/frontend/app/gallery/search/search.gallery.component.html
index cc646f7..268eaed 100644
--- a/frontend/app/gallery/search/search.gallery.component.html
+++ b/frontend/app/gallery/search/search.gallery.component.html
@@ -1,9 +1,18 @@
 <form class="navbar-form" role="search" #SearchForm="ngForm">
   <div class="input-group">
-    <input type="text" class="form-control" placeholder="Search" (keyup)="onSearchChange($event)"
-           (blur)="onFocusLost()" (focus)="onFocus()" [(ngModel)]="searchText" #name="ngModel"
+    <input type="text"
+           class="form-control"
+           placeholder="Search"
+           (keyup)="onSearchChange($event)"
+           (blur)="onFocusLost()"
+           (focus)="onFocus()"
+           [(ngModel)]="searchText"
+           #name="ngModel"
+           size="30"
            ngControl="search"
-           name="srch-term" id="srch-term" autocomplete="off">
+           name="srch-term"
+           id="srch-term"
+           autocomplete="off">
 
 
     <div class="autocomplete-list" *ngIf="autoCompleteItems.length > 0"
diff --git a/frontend/app/gallery/search/search.gallery.component.ts b/frontend/app/gallery/search/search.gallery.component.ts
index bf68701..7217e2c 100644
--- a/frontend/app/gallery/search/search.gallery.component.ts
+++ b/frontend/app/gallery/search/search.gallery.component.ts
@@ -116,7 +116,6 @@ export class GallerySearchComponent {
   }
 
   private showSuggestions(suggestions: Array<AutoCompleteItem>, searchText: string) {
-    console.log(suggestions);
     this.emptyAutoComplete();
     suggestions.forEach((item: AutoCompleteItem) => {
       let renderItem = new AutoCompleteRenderItem(item.text, searchText, item.type);