From a70bb595ca5827377eabbdce0ab56e4b2c6fca09 Mon Sep 17 00:00:00 2001
From: George Kalampokis <gkalampokis@cite.gr>
Date: Fri, 28 Feb 2020 17:16:11 +0200
Subject: [PATCH] Improved Language Editor search bar styling and made it case
 insensitive

---
 .../src/app/ui/language-editor/language-editor.component.scss  | 3 +++
 .../src/app/ui/language-editor/language-editor.component.ts    | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/dmp-frontend/src/app/ui/language-editor/language-editor.component.scss b/dmp-frontend/src/app/ui/language-editor/language-editor.component.scss
index eed5b1556..83c2d955f 100644
--- a/dmp-frontend/src/app/ui/language-editor/language-editor.component.scss
+++ b/dmp-frontend/src/app/ui/language-editor/language-editor.component.scss
@@ -39,4 +39,7 @@
 		border: 0px solid rgb(218, 218, 218);
 		border-radius: 6px;
 	}
+	.search-text::placeholder {
+		color: rgb(197, 194, 194);
+	}
 }
diff --git a/dmp-frontend/src/app/ui/language-editor/language-editor.component.ts b/dmp-frontend/src/app/ui/language-editor/language-editor.component.ts
index 171b81379..21dbbe559 100644
--- a/dmp-frontend/src/app/ui/language-editor/language-editor.component.ts
+++ b/dmp-frontend/src/app/ui/language-editor/language-editor.component.ts
@@ -125,7 +125,7 @@ findKeys(ev: any) {
 	if (ev.value === "") {
 		tempKeys = this.allkeys;
 	} else {
-		tempKeys = this.allkeys.filter((key) => (this.formGroup.get(key).value as string).includes(ev.value));
+		tempKeys = this.allkeys.filter((key) => (this.formGroup.get(key).value as string).toLowerCase().includes(ev.value.toLowerCase()));
 		window.scrollTo({top: 0});
 	}
 	this.keys.length = 0;