From 9b29ca95a2679797a66b9303b43343d200c527f9 Mon Sep 17 00:00:00 2001
From: George Kalpakas <kalpakas.g@gmail.com>
Date: Tue, 2 Jul 2019 19:51:36 +0300
Subject: [PATCH] fix(docs-infra): show (and style correctly) the 'No results
 found' message (#31390)

PR Close #31390
---
 .../search-results/search-results.component.html       |  2 +-
 aio/src/styles/2-modules/_search-results.scss          | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/aio/src/app/shared/search-results/search-results.component.html b/aio/src/app/shared/search-results/search-results.component.html
index 0cf76e6633..2c6660ebf7 100644
--- a/aio/src/app/shared/search-results/search-results.component.html
+++ b/aio/src/app/shared/search-results/search-results.component.html
@@ -26,5 +26,5 @@
 </ng-template>
 
 <ng-template #notFound>
-  <p>{{notFoundMessage}}</p>
+  <p class="not-found">{{notFoundMessage}}</p>
 </ng-template>
diff --git a/aio/src/styles/2-modules/_search-results.scss b/aio/src/styles/2-modules/_search-results.scss
index 18e220eb04..139c0f2ab7 100644
--- a/aio/src/styles/2-modules/_search-results.scss
+++ b/aio/src/styles/2-modules/_search-results.scss
@@ -66,6 +66,12 @@ aio-search-results {
       }
     }
 
+    .not-found {
+      color: $white;
+      text-align: center;
+      margin: 16px;
+    }
+
     @media (max-width: 600px) {
       display: block;
     }
@@ -93,6 +99,10 @@ aio-search-results {
           }
         }
       }
+
+      .not-found {
+        color: $darkgray;
+      }
     }
   }
 }