From d9501b26b6a54d8dbf2b7408b7828abe148449a3 Mon Sep 17 00:00:00 2001
From: Angular2guy <angular2guy@gmail.com>
Date: Sun, 10 Dec 2023 10:08:27 +0100
Subject: [PATCH] feat: add color

---
 .../src/angular/src/app/doc-search/doc-search.component.html  | 2 +-
 .../src/angular/src/app/doc-search/doc-search.component.scss  | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/angular/src/app/doc-search/doc-search.component.html b/frontend/src/angular/src/app/doc-search/doc-search.component.html
index acda0fc..e091aad 100644
--- a/frontend/src/angular/src/app/doc-search/doc-search.component.html
+++ b/frontend/src/angular/src/app/doc-search/doc-search.component.html
@@ -41,7 +41,7 @@
   </div>
 }
 @if(requestFailed) {
-  <h2 i18n="@@docSearchRequestFailed">Ai Request Failed. Please try again.</h2>
+  <h2 class="error-msg" i18n="@@docSearchRequestFailed">Ai Request Failed. Please try again.</h2>
 }
 @for(searchResultStr of searchResult?.resultStrings; track searchResult?.resultStrings) {
   <div>	  
diff --git a/frontend/src/angular/src/app/doc-search/doc-search.component.scss b/frontend/src/angular/src/app/doc-search/doc-search.component.scss
index 552fd7e..41a986c 100644
--- a/frontend/src/angular/src/app/doc-search/doc-search.component.scss
+++ b/frontend/src/angular/src/app/doc-search/doc-search.component.scss
@@ -66,6 +66,10 @@
 	}
 }
 
+.error-msg {
+	color: #ff0000;	
+}
+
 @media (max-width: 900px), (max-height: 480px) {
   .custom-toolbar {
     height: fit-content;