From 4369fd78ed21aa5e71e3f107dd4311997005d2e1 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Fri, 29 Jan 2021 13:49:59 +0100
Subject: [PATCH] Search Results Page Improved

---
 Client/WebServer/css/docs.css                 | 32 ++++++++++++++++++-
 .../UI/Spaces/Docs-Space/SearchResultsPage.js |  9 ++++--
 2 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/Client/WebServer/css/docs.css b/Client/WebServer/css/docs.css
index f3f960601..7bccbd5b3 100644
--- a/Client/WebServer/css/docs.css
+++ b/Client/WebServer/css/docs.css
@@ -121,7 +121,7 @@ cursor: pointer;
 .docs-tooltip {
 position: relative;
 display: inline-block;
-border-bottom: 1px dashed #999; 
+border-bottom: 1px dashed #0295aa; 
 cursor: pointer;
 line-height: inherit;
 }
@@ -882,6 +882,36 @@ text-decoration: underline;
 cursor: pointer;
 }
 
+.docs-search-result-content-record-topic {
+font-size: 90%;
+color: #31708f;
+}
+
+.docs-search-result-content-record-tutorial {
+font-size: 90%;
+color: #31708f;
+}
+
+.docs-search-result-content-record-review {
+font-size: 90%;
+color: #31708f;
+}
+
+.docs-search-result-content-record-topic {
+font-size: 90%;
+color: #31708f;
+}
+
+.docs-search-result-content-record-tutorial {
+font-size: 90%;
+color: #31708f;
+}
+
+.docs-search-result-content-record-review {
+font-size: 90%;
+color: #31708f;
+}
+
 .docs-search-result-content-record-title {
 font-size: 120%;
 font-weight: 500;
diff --git a/Projects/Superalgos/UI/Spaces/Docs-Space/SearchResultsPage.js b/Projects/Superalgos/UI/Spaces/Docs-Space/SearchResultsPage.js
index 19e6133c5..2061b257f 100644
--- a/Projects/Superalgos/UI/Spaces/Docs-Space/SearchResultsPage.js
+++ b/Projects/Superalgos/UI/Spaces/Docs-Space/SearchResultsPage.js
@@ -271,15 +271,18 @@ function newSuperalgosDocsSearchResultsPage() {
 
                     switch (result.documentIndex.category) {
                         case 'Topic': {
-                            mainLink = result.documentIndex.docsSchemaDocument.topic + ' - Page ' + result.documentIndex.docsSchemaDocument.pageNumber + ' - ' + result.documentIndex.docsSchemaDocument.type
+                            HTML = HTML + '<p class="docs-search-result-content-record-topic">' + result.documentIndex.docsSchemaDocument.topic + ' - Page ' + result.documentIndex.docsSchemaDocument.pageNumber + '</p>'
+                            mainLink = result.documentIndex.docsSchemaDocument.type
                             break
                         }
                         case 'Tutorial': {
-                            mainLink = result.documentIndex.docsSchemaDocument.tutorial + ' - Page ' + result.documentIndex.docsSchemaDocument.pageNumber + ' - ' + result.documentIndex.docsSchemaDocument.type
+                            HTML = HTML + '<p class="docs-search-result-content-record-tutorial">' + result.documentIndex.docsSchemaDocument.tutorial + ' - Page ' + result.documentIndex.docsSchemaDocument.pageNumber + '</p>'
+                            mainLink = result.documentIndex.docsSchemaDocument.type
                             break
                         }
                         case 'Review': {
-                            mainLink = result.documentIndex.docsSchemaDocument.review + ' - Page ' + result.documentIndex.docsSchemaDocument.pageNumber + ' - ' + result.documentIndex.docsSchemaDocument.type
+                            HTML = HTML + '<p class="docs-search-result-content-record-review">' + result.documentIndex.docsSchemaDocument.review + ' - Page ' + result.documentIndex.docsSchemaDocument.pageNumber + '</p>'
+                            mainLink = result.documentIndex.docsSchemaDocument.type
                             break
                         }
                         default: {