From bc9a83040e15c7469d828d51bff57e703852f3a0 Mon Sep 17 00:00:00 2001
From: Will Abson <will.abson@alfresco.com>
Date: Wed, 29 Jun 2016 16:46:38 +0100
Subject: [PATCH] Use <caption> el to summarise search results

Refs #302
---
 .../src/components/alfresco-search.component.html             | 2 +-
 .../src/components/alfresco-search.component.ts               | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ng2-components/ng2-alfresco-search/src/components/alfresco-search.component.html b/ng2-components/ng2-alfresco-search/src/components/alfresco-search.component.html
index 6be9e4744f..99241f118e 100644
--- a/ng2-components/ng2-alfresco-search/src/components/alfresco-search.component.html
+++ b/ng2-components/ng2-alfresco-search/src/components/alfresco-search.component.html
@@ -1,6 +1,6 @@
-<p data-automation-id="search_result_found" *ngIf="results && results.length">{{ 'SEARCH.RESULTS.SUMMARY' | translate:{numResults: results.length, searchTerm: searchTerm} }}</p>
 <p data-automation-id="search_no_result_found" *ngIf="results&& results.length == 0">{{ 'SEARCH.RESULTS.NONE' | translate:{searchTerm: searchTerm} }}</p>
 <table data-automation-id="search_result_table" *ngIf="results && results.length && searchTerm" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">
+    <caption data-automation-id="search_result_found">{{ 'SEARCH.RESULTS.SUMMARY' | translate:{numResults: results.length, searchTerm: searchTerm} }}</caption>
     <thead>
     <tr>
         <th class="mdl-data-table__cell--non-numeric col-mimetype-icon"></th>
diff --git a/ng2-components/ng2-alfresco-search/src/components/alfresco-search.component.ts b/ng2-components/ng2-alfresco-search/src/components/alfresco-search.component.ts
index ee340002ed..60199bce9e 100644
--- a/ng2-components/ng2-alfresco-search/src/components/alfresco-search.component.ts
+++ b/ng2-components/ng2-alfresco-search/src/components/alfresco-search.component.ts
@@ -27,6 +27,10 @@ declare let __moduleName: string;
     moduleId: __moduleName,
     selector: 'alfresco-search',
     styles: [`
+        :host .mdl-data-table caption {
+            margin: 0 0 16px 0;
+            text-align: left;
+        }
         :host .mdl-data-table td {
             max-width: 0;
             white-space: nowrap;