From b29adeb69907a8527508ac1912a98fd2cb2728da Mon Sep 17 00:00:00 2001
From: Will Abson <will.abson@alfresco.com>
Date: Tue, 4 Oct 2016 15:28:26 +0100
Subject: [PATCH] Improve appearance of error message in find-as-you-type
 control

Refs #737
---
 .../alfresco-search-autocomplete.component.html           | 8 ++++++++
 .../alfresco-search-autocomplete.component.spec.ts        | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.html b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.html
index c6d3011623..66fcf83db3 100644
--- a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.html
+++ b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.html
@@ -21,5 +21,13 @@
     </tr>
     </tbody>
 </table>
+<table data-automation-id="autocomplete_error_message" *ngIf="errorMessage"
+       class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">
+    <tbody>
+    <tr>
+        <td>{{ 'SEARCH.RESULTS.ERROR' | translate:{errorMessage: errorMessage} }}</td>
+    </tr>
+    </tbody>
+</table>
 <p data-automation-id="autocomplete_error_message" *ngIf="errorMessage">{{ 'SEARCH.RESULTS.ERROR' |
     translate:{errorMessage: errorMessage} }}</p>
diff --git a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.spec.ts b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.spec.ts
index 6b9340f131..5af3258689 100644
--- a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.spec.ts
+++ b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.spec.ts
@@ -206,7 +206,7 @@ describe('AlfrescoSearchAutocompleteComponent', () => {
             let errorEl = <any> element.querySelector('[data-automation-id="autocomplete_error_message"]');
             expect(resultsEl).toBeNull();
             expect(errorEl).not.toBeNull();
-            expect(errorEl.innerText).toBe('SEARCH.RESULTS.ERROR');
+            expect(errorEl.innerText.trim()).toBe('SEARCH.RESULTS.ERROR');
             done();
         });